Javascript 動(dòng)態(tài)改變imput type屬性
更新時(shí)間:2016年11月01日 11:40:50 投稿:lqh
這篇文章主要介紹了Javascript 動(dòng)態(tài)改變imput type屬性的相關(guā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屬性值
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
您可能感興趣的文章:
- 在html中引入外部js文件,并調(diào)用帶參函數(shù)的方法
- python 把數(shù)據(jù) json格式輸出的實(shí)例代碼
- jsp 網(wǎng)站引入外部css或者js失效問題解決
- js學(xué)習(xí)筆記之事件處理模型
- 原生js代碼實(shí)現(xiàn)圖片放大境效果
- js模式化窗口問題![window.dialogArguments]
- JS給Array添加是否包含字符串的簡單方法
- 淺談js對象屬性 通過點(diǎn)(.) 和方括號([]) 的不同之處
- 淺談js繼承的實(shí)現(xiàn)及公有、私有、靜態(tài)方法的書寫
- js基礎(chǔ)之DOM中document對象的常用屬性方法詳解
相關(guān)文章
一起來學(xué)習(xí)一下JavaScript的事件流
這篇文章主要為大家詳細(xì)介紹了JavaScript的事件流,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助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 方法(對數(shù)值向上取整)
js Math.ceil用于對數(shù)值向上取整,即得到大于或等于該數(shù)值的最小整數(shù),需要的朋友可以參考下2015-01-01
Javascript客戶端腳本的設(shè)計(jì)和應(yīng)用
Javascript客戶端腳本的設(shè)計(jì)和應(yīng)用...2006-08-08
javascript中的遍歷for in 以及with的用法
這篇文章主要介紹了javascript中的類初始化,遍歷for in 以及with的用法,需要的朋友可以參考下2014-12-12

