js 循环获取 id 函数

JavaScript041

js 循环获取 id 函数,第1张

没发循环获取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.下面我们一起来看下运行效果