原生 JavaScript 和 jQuery 实现一键修改当前页面所有
input
框类型为password
的type
为text
的脚本:
使用方法
-
浏览器F12打开开发者工具
-
控制台复杂粘贴代码回车,可能新版的chrome或者其他国产浏览器需要输入确认的语句才能允许你粘贴
原生 JavaScript:
document.querySelectorAll('input[type="password"]').forEach(function(input) {
input.type = 'text';
});
jQuery 版本:
$('input[type="password"]').each(function() {
$(this).attr('type', 'text');
});
解释:
- 原生 JavaScript 使用
document.querySelectorAll
获取所有input
类型为password
的元素,并使用forEach
循环逐一将它们的type
属性设置为text
。 - jQuery 使用
$('input[type="password"]')
选择所有类型为password
的input
,然后通过each
遍历它们,使用$(this).attr('type', 'text')
修改其类型。
最后一句话是:
这两段代码能快速将页面中的所有密码框显示为文本框。