Javascript 動態(tài)改變imput type屬性
更新時間：2016年11月01日 11:40:50 投稿：lqh
這篇文章主要介紹了Javascript 動態(tài)改變imput type屬性的相關資料,并附簡單實例代碼，需要的朋友可以參考下
Javascript 動態(tài)改變imput type屬性：
代碼實現(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>
可以運行時動態(tài)改變imput元素的type屬性值
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關文章
這篇文章介紹了刪除Javascript Object中間的key的方法，然后主要詳談了delete的用法，非常的詳盡，給小伙伴們參考下2014-11-11
javascript的函數(shù)...2007-01-01
這篇文章主要為大家詳細介紹了JavaScript的事件流，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01
JavaScript Break 和 Continue區(qū)別教程
JavaScript Break 和 Continue區(qū)別教程...2007-04-04
Javascript 中的轉義用法一例，需要的朋友可以參考下。2010-11-11
JavaScript Math.ceil 方法(對數(shù)值向上取整)
js Math.ceil用于對數(shù)值向上取整，即得到大于或等于該數(shù)值的最小整數(shù),需要的朋友可以參考下2015-01-01
Javascript客戶端腳本的設計和應用...2006-08-08
javascript中的遍歷for in 以及with的用法
這篇文章主要介紹了javascript中的類初始化，遍歷for in 以及with的用法,需要的朋友可以參考下2014-12-12
每次剛開始學語言時，作者都喜歡用“hello world”例子l來侮辱我們的智商，我想大家都不是笨蛋，故而寥寥數(shù)筆寫了一點2008-09-09
下面小編就為大家?guī)硪黄狫avascript操作dom對象之select全面解析。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04