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 相关文章推荐
判断控件是否已加载完成的代码
Feb 24 Javascript
JS中confirm,alert,prompt函数区别分析
Jan 17 Javascript
window.showModalDialog参数传递中含有特殊字符的处理方法
Jun 06 Javascript
cookie中的path与domain属性详解
Dec 18 Javascript
javascript计时器详解
Feb 28 Javascript
全国省市二级联动下拉菜单 js版
May 10 Javascript
JavaScript仿微博输入框效果(案例分析)
Dec 06 Javascript
js返回顶部实例分享
Dec 21 Javascript
解决webpack无法通过IP地址访问localhost的问题
Feb 22 Javascript
Jquery实现获取子元素的方法分析
Aug 24 jQuery
基于Element封装一个表格组件tableList的使用方法
Jun 29 Javascript
JS一分钟在github+Jekyll的博客中添加访问量功能的实现
Apr 03 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
PHP中SESSION使用中的一点经验总结
2012/03/30 PHP
PHP中ob_start函数的使用说明
2013/11/11 PHP
PHP获取服务器端信息的方法
2014/11/28 PHP
微信自定义菜单的处理开发示例
2015/04/16 PHP
JavaScript实现滚动栏效果的方法
2015/04/27 PHP
解决windows上php xdebug 无法调试的问题
2020/02/19 PHP
TP5多入口设置实例讲解
2020/12/15 PHP
JavaScript读取中文cookie时的乱码问题的解决方法
2009/10/14 Javascript
关于COOKIE个数与大小的问题
2011/01/17 Javascript
小试JQuery的AutoComplete插件
2011/05/04 Javascript
Js日期选择自动填充到输入框(界面漂亮兼容火狐)
2013/08/02 Javascript
JavaScript中的数组操作介绍
2014/12/30 Javascript
jquery获取复选框的值的简单实例
2016/05/26 Javascript
Bootstrap学习笔记之css样式设计(1)
2016/06/07 Javascript
angular2系列之路由转场动画的示例代码
2017/11/09 Javascript
微信小程序App生命周期详解
2018/01/31 Javascript
Threejs实现滴滴官网首页地球动画功能
2020/07/13 Javascript
JavaScript实现鼠标移入随机变换颜色
2020/11/24 Javascript
Python入门篇之数字
2014/10/20 Python
Python爬虫之模拟知乎登录的方法教程
2017/05/25 Python
梯度下降法介绍及利用Python实现的方法示例
2017/07/12 Python
简单实现python数独游戏
2018/03/30 Python
Apache,wsgi,django 程序部署配置方法详解
2019/07/01 Python
Python Subprocess模块原理及实例
2019/08/26 Python
pandas 强制类型转换 df.astype实例
2020/04/09 Python
Django model class Meta原理解析
2020/11/14 Python
Html5插件教程之添加浏览器放大镜效果的商品橱窗
2016/01/07 HTML / CSS
日本最新流行服饰网购:Nissen
2016/07/24 全球购物
Reebok俄罗斯官方网上商店:购买锐步运动服装和鞋子
2016/09/26 全球购物
Lookfantastic俄罗斯:欧洲在线化妆品零售商
2019/08/06 全球购物
马智宇结婚主持词
2014/04/01 职场文书
导游词欢迎词
2015/02/02 职场文书
开会通知短信大全
2015/04/20 职场文书
公司文体活动总结
2015/05/07 职场文书
Python 使用dict实现switch的操作
2021/04/07 Python
Python中X[:,0]和X[:,1]的用法
2021/05/10 Python