JavaScript + HTML

Question

您好，请问怎样才能取到<input type="text" />中，type的类型（也就是怎样才能得到type的值，即text），如果type的值是text，把text换成password，如果type的值是password，把password换成text？

Answer 1

给input标签加个id。<input type="text" id="test" />window.onload=function(){
  var obj = document.getElementById('test');
  alert(obj.getAttribute('type'));
}

Answer 2

<input type="text" />
<script type="text/javascript">
var obj = document.getElementsByTagName('input');
for( var i = 0; i < obj.length; i ++) {
var t = obj[i].type.toLowerCase();
switch(t) {
case 'text':
obj[i].type = 'password';
break;
case 'password':
obj[i].type = 'text';
break;
}
}
</script>

Answer 3

获取表单元素的TYPE属性，可以用JS来实现（给目标元素要加上ID属性）：  var obj = document.getElementById('test');
  alert(obj.getAttribute('type'));
但是有一点要注意：HTML表单元素加载后，是无法动态改变它的类型的（即无法改变已定义为某类型表单元素的类型）！！