请教大神js点击改变type属性方法

qingwadaxia_1 2018-03-22 03:23:55
<input id="aaa" type="password" name="pwd" />
<div id="ccc">点击</div>

<script>
var oaaa = document.getElementById("aaa");
var odiv = document.getElementById("ccc");
odiv.onclick = function(){

}
</script>

点击idccc的时候, 改变aaa input 的属性为 type="text" 再点又切回 type="password" 请问如何实现?
...全文
709 11 打赏 收藏 转发到动态 举报
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
天际的海浪 2018-03-23
  • 打赏
  • 举报
回复
好吧。ie8不行,ie9以后就可以了
天际的海浪 2018-03-23
  • 打赏
  • 举报
回复
引用 8 楼 qingwadaxia_1 的回复:
[quote=引用 7 楼 jslang 的回复:] [quote=引用 6 楼 qingwadaxia_1 的回复:] [quote=引用 4 楼 jslang 的回复:] input的type属性,只能在创建元素时设置一次,之后是不能修改的。 要改变input的type,只能再创建一个新的input元素替换原来的。
那为什么1楼的能够成功修改呢?大神啊[/quote] 可能只有 "text"与"password"值可以互换吧, 你改成"button","checkbox","radio","file"这些值试试。 [/quote]很神奇。。全部都可以,button","checkbox","radio","file"这些值 也都可以点击更改。。[/quote] 我记得以前的浏览器是不能改的,你用的什么浏览器?
zsyok 2018-03-22
  • 打赏
  • 举报
回复
用JQYER
qingwadaxia_1 2018-03-22
  • 打赏
  • 举报
回复
引用 7 楼 jslang 的回复:
[quote=引用 6 楼 qingwadaxia_1 的回复:] [quote=引用 4 楼 jslang 的回复:] input的type属性,只能在创建元素时设置一次,之后是不能修改的。 要改变input的type,只能再创建一个新的input元素替换原来的。
那为什么1楼的能够成功修改呢?大神啊[/quote] 可能只有 "text"与"password"值可以互换吧, 你改成"button","checkbox","radio","file"这些值试试。 [/quote]很神奇。。全部都可以,button","checkbox","radio","file"这些值 也都可以点击更改。。
天际的海浪 2018-03-22
  • 打赏
  • 举报
回复
引用 6 楼 qingwadaxia_1 的回复:
[quote=引用 4 楼 jslang 的回复:] input的type属性,只能在创建元素时设置一次,之后是不能修改的。 要改变input的type,只能再创建一个新的input元素替换原来的。
那为什么1楼的能够成功修改呢?大神啊[/quote] 可能只有 "text"与"password"值可以互换吧, 你改成"button","checkbox","radio","file"这些值试试。
qingwadaxia_1 2018-03-22
  • 打赏
  • 举报
回复
引用 4 楼 jslang 的回复:
input的type属性,只能在创建元素时设置一次,之后是不能修改的。 要改变input的type,只能再创建一个新的input元素替换原来的。
那为什么1楼的能够成功修改呢?大神啊
100001夜 2018-03-22
  • 打赏
  • 举报
回复
4楼正解。。。
天际的海浪 2018-03-22
  • 打赏
  • 举报
回复
input的type属性,只能在创建元素时设置一次,之后是不能修改的。 要改变input的type,只能再创建一个新的input元素替换原来的。
qingwadaxia_1 2018-03-22
  • 打赏
  • 举报
回复
可以这样直接改吗 不会有问题吗?
2018-03-22
  • 打赏
  • 举报
回复

var oaaa = document.getElementById("aaa");
var odiv = document.getElementById("ccc");
odiv.onclick = function(){
	if(oaaa.type == "password"){
		oaaa.type = "text";
	}else{
		oaaa.type = "password";
	}
}
qingwadaxia_1 2018-03-22
  • 打赏
  • 举报
回复
引用 1 楼 Free_Wind22 的回复:

var oaaa = document.getElementById("aaa");
var odiv = document.getElementById("ccc");
odiv.onclick = function(){
	if(oaaa.type == "password"){
		oaaa.type = "text";
	}else{
		oaaa.type = "password";
	}
}
我去 为什么我这样不行啊。。好奇怪

87,972

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧