快捷導(dǎo)航

Javascript 動(dòng)態(tài)改變imput type屬性

更新時(shí)間：2016年11月01日 11:40:50 投稿：lqh

這篇文章主要介紹了Javascript 動(dòng)態(tài)改變imput type屬性的相關(guān)資料,并附簡(jiǎn)單實(shí)例代碼，需要的朋友可以參考下

Javascript 動(dòng)態(tài)改變imput type屬性：

代碼實(shí)現(xiàn)：

<script type="text/javascript">
  function shoppw(thebox){
    var ps = document.getElementById('ps');
    var pass = document.getElementById('pass');
    ps.removeChild(pass);
    var psImput = document.createElement("INPUT");
    
    if(pass.type == 'password'){
      psImput.type = "text";
    } else {
      psImput.type = 'password';
    }
    psImput.id = 'pass';
    psImput.name = "password";
    psImput.maxlength="15";
    ps.appendChild(psImput);
  }
</script>

HTML代碼:

<td class="label"> * <label for="password" accesskey="">登錄密碼：</label></td>
  <td ><div id="ps"><input type="text" name="password" maxlength="15" id="pass" /></div>
   <input name="checkbox2" type="checkbox" value="true" checked="checked" id="show" onclick="shoppw(this)" />
   <label for="show" accesskey="">顯示</label></td>

可以運(yùn)行時(shí)動(dòng)態(tài)改變imput元素的type屬性值

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

您可能感興趣的文章:

相關(guān)文章

刪除Javascript Object中間的key
這篇文章介紹了刪除Javascript Object中間的key的方法，然后主要詳談了delete的用法，非常的詳盡，給小伙伴們參考下
2014-11-11
javascript的函數(shù)
javascript的函數(shù)...
2007-01-01
一起來(lái)學(xué)習(xí)一下JavaScript的事件流
這篇文章主要為大家詳細(xì)介紹了JavaScript的事件流，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助
2022-01-01
JavaScript Break 和 Continue區(qū)別教程
JavaScript Break 和 Continue區(qū)別教程...
2007-04-04
Javascript中的轉(zhuǎn)義用法實(shí)例代碼
Javascript 中的轉(zhuǎn)義用法一例，需要的朋友可以參考下。
2010-11-11
JavaScript Math.ceil 方法(對(duì)數(shù)值向上取整)
js Math.ceil用于對(duì)數(shù)值向上取整，即得到大于或等于該數(shù)值的最小整數(shù),需要的朋友可以參考下
2015-01-01
Javascript客戶(hù)端腳本的設(shè)計(jì)和應(yīng)用
Javascript客戶(hù)端腳本的設(shè)計(jì)和應(yīng)用...
2006-08-08
javascript中的遍歷for in 以及with的用法
這篇文章主要介紹了javascript中的類(lèi)初始化，遍歷for in 以及with的用法,需要的朋友可以參考下
2014-12-12
JavaScript的學(xué)習(xí)入門(mén)整理篇
每次剛開(kāi)始學(xué)語(yǔ)言時(shí)，作者都喜歡用“hello world”例子l來(lái)侮辱我們的智商，我想大家都不是笨蛋，故而寥寥數(shù)筆寫(xiě)了一點(diǎn)
2008-09-09
Javascript操作dom對(duì)象之select全面解析
下面小編就為大家?guī)?lái)一篇Javascript操作dom對(duì)象之select全面解析。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-04-04