Input框 type 类型 password 转换为label 的方法

今天做项目遇到一个问题，有一个input框，一开始是password框，输入密码之后鼠标移动到其他位置，password框变为label,于是在网上找了一种方法

1.jquery解决方式$("#id").attr("type","text");

但是这种方式在ie下又不支持，input的type属性是只读的，没办法动态修改，所以就想到了下面的方法。

2.两种输入框，通过显示和隐藏来实现

'<input  type="password" id="id" name="name" onblur="passwordcheck()" onclick="ChangeTopassword()">'
'<label  type="text" id="id2" name="name2" style="display:none" onclick="ChangeTopassword()"></label>

$('#id')[0].style.display="none";
$('#id2')[0].style.display="";
$('#id2').text(value);   //label赋值方式 这三句是主要代码，取到代码部分自己加进去

function ChangeTopassword() {
	var name=document.getElementById('name').value; 
	if (name!= null && name!= "") {
		$('#id')[0].style.display="";
		$('#id2')[0].style.display="none";
		$('#name').val("");
		$("#id").focus();
	}
}

ps:文章没什么技术含量，只是想记录下来作为自己成长的印记，每天进步一点