Javascript 动态改变imput type属性


Posted in Javascript onNovember 01, 2016

Javascript 动态改变imput type属性:

代码实现:

<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>

 可以运行时动态改变imput元素的type属性值

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
在标题栏显示新消息提示,很多公司项目中用到这个方法
Nov 04 Javascript
js查错流程归纳
May 04 Javascript
JavaScript避免代码的重复执行经验技巧分享
Apr 17 Javascript
Node.js的特点和应用场景介绍
Nov 04 Javascript
浅谈Javascript中substr和substring的区别
Sep 30 Javascript
深入探秘jquery瀑布流的实现
Jan 30 Javascript
JS产生随机数的几个用法详解
Jun 22 Javascript
React中ES5与ES6写法的区别总结
Apr 21 Javascript
javascript 缓冲运动框架的实现
Sep 29 Javascript
vue项目搭建以及全家桶的使用详细教程(小结)
Dec 19 Javascript
微信小程序身份证验证方法实现详解
Jun 28 Javascript
谈谈JavaScript中的垃圾回收机制
Sep 17 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
Nov 01 #Javascript
javascript 内置对象及常见API详细介绍
Nov 01 #Javascript
Vue.js组件使用开发实例教程
Nov 01 #Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
Nov 01 #Javascript
js判断出两个字符串最大子串的函数实现方法
Nov 01 #Javascript
JavaScript中全选、全不选、反选、无刷新删除、批量删除、即点即改入库(在yii框架中操作)的代码分享
Nov 01 #Javascript
JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)
Nov 01 #Javascript
You might like
经典的PHPer为什么被认为是草根?
2007/04/02 PHP
谈谈关于php的优点与缺点
2013/04/11 PHP
PHP随机生成随机个数的字母组合示例
2014/01/14 PHP
lnmp安装多版本PHP共存的方法详解
2018/08/02 PHP
jquery实现网页查找功能示例分享
2014/02/12 Javascript
jQuery函数map()和each()介绍及异同点分析
2014/11/08 Javascript
javascript结合Canvas 实现简易的圆形时钟
2015/03/11 Javascript
javascript制作游戏开发碰撞检测的封装代码
2015/03/31 Javascript
Node.js 条形码识别程序构建思路详解
2016/02/14 Javascript
使用AJAX实现Web页面进度条的实例分享
2016/05/06 Javascript
微信小程序中单位rpx和rem的使用
2016/12/06 Javascript
微信小程序 input输入框控件详解及实例(多种示例)
2016/12/14 Javascript
jQuery实现倒计时重新发送短信验证码功能示例
2017/01/12 Javascript
Node.js开发第三方微信公众平台
2017/06/05 Javascript
深入浅析Nodejs的Http模块
2017/06/20 NodeJs
深入浅析JavaScript中的RegExp对象
2017/09/18 Javascript
vue+iview写个弹框的示例代码
2017/12/05 Javascript
php中and 和 &amp;&amp;出坑指南
2018/07/13 Javascript
element-ui 上传图片后清空图片显示的实例
2018/09/04 Javascript
浅谈Vue3.0之前你必须知道的TypeScript实战技巧
2019/09/11 Javascript
Vue实现简易购物车页面
2020/12/30 Vue.js
[01:27:44]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第一场 1月24日
2021/03/11 DOTA
Python切片用法实例教程
2014/09/08 Python
速记Python布尔值
2017/11/09 Python
python监控键盘输入实例代码
2018/02/09 Python
python中实现将多个print输出合成一个数组
2018/04/19 Python
python Pandas 读取txt表格的实例
2018/04/29 Python
详解python itertools功能
2020/02/07 Python
详解Python中namedtuple的使用
2020/04/27 Python
css3实现的多级渐变下拉菜单导航效果代码
2015/08/31 HTML / CSS
YSL圣罗兰美妆英国官网:Yves Saint Laurent Beauty UK
2019/08/03 全球购物
介绍一下Java的安全机制
2012/06/28 面试题
C#中有没有运算符重载?能否使用指针?
2014/05/05 面试题
董事长职责范文
2013/11/08 职场文书
幼儿园教师演讲稿
2014/05/06 职场文书
Python可视化学习之seaborn绘制矩阵图详解
2022/02/24 Python