没发循环获取id值的,因为id具有唯一性,可以通过name属性获取的。
思路:根据name值获取对象数组后使用循环取出id值,关键代码如下:
obj = document.getElementsByName(input_name)
for(i=0i<obj.lengthi++){
// obj[i].id
}
实例演示如下:
1、HTML结构:提供了3个name值相同的input和一个name值不同的干扰input
<input type="text" name="test" id="test1" value="name=test id=test1"/>
<input type="text" name="test" id="test2" value="name=test id=test2"/>
<input type="text" name="test" id="test3" value="name=test id=test3"/>
<input type="text" name="test1" id="test4" value="name=test1 id=test4"/>
<br/><input type='button' value='获取name=test的文本框的id' onclick="fun()"/>
2、javascript代码
function fun(){
obj = document.getElementsByName("test")
str = ""
for(i=0i<obj.lengthi++){
str += obj[i].id + " "
}
alert(str)
}
3、点击按钮后效果
只要使用getAttribute("id")函数即可获取li元素的id值,下面我们一起实例操作一下吧
首先我们在html当中创建li标签
使用JS获取li元素对象,getElementsByTagName("li")
3.接着我们打印出这样的运行效果看一下:
4.使用JS获取li元素的ID 值即可,getAttribute("id")
5.下面我们一起来看下运行效果