js 如何判断页面中控件类型 是 input or select ?

JavaScript017

js 如何判断页面中控件类型 是 input or select ?,第1张

通过其他手段拿到一个控件(比如document.getElementById(...))后,可以用nodeName来获得控件的标签类型。下面是一个小例子:

<script>

window.onload=function(){

var obj1 = document.getElementById("t1")

alert("obj1的类型是:" + obj1.nodeName)

var obj2 = document.getElementById("s1")

alert("obj2的类型是:" + obj2.nodeName)

}

</script>

<body>

Input Text:<input type="text" id="t1" name="t1"/><br/>

Select:

<select id="s1" name="s2">

<option value="1">Option 1</option>

<option value="2">Option 2</option>

<option value="3">Option 3</option>

</select>

</body>

满意请采纳!

那个报错,主要是没有获取到那你动态创建的控件:

1.你检查下那些动态创建控件的id是否为s1...s4,如果不是的话,那么就是你指定id的时候指定错了。

2.如果不是1中的情况,那你把这段JS放到网页的底部试下呢试下呢?

3.不知道你动态创建控件的方式是哪一种,也有可能是浏览器兼容问题;如果是用的innerHTML在一个控件中插入的控件,那么你可以试着换成用document.createElement("控件名")这种方式试下吧。

如果可以的话,你也可以把动态添加控件也贴出来,这样大家就更便于帮你找问题了