如何用js给元素添加ID

1、在我们的电脑上打开软件，新建一个html页面。

2、在html页面创建一个id为xx，值为666的文本框，通过var v=document.getElementById('xx').value原生js方法来获取文本框的值。

3、在script中加上alert(v)，来d框查看原生js方法是否根据id获取元素的值了。

4、在浏览器中运行项目，可以看到页面d框的值是id为xx的元素的值，已经成功通过原生js方法根据id获取元素。

5、jquery方法需要先添加jquery.js,然后通过var w = $('#xx').val()来获取元素的值。

6、运行项目，在浏览器中可以看到与原生js方法获得元素的值相同。

js给li加id的方法是：

<script type="text/javascript">

var ul = document.getElementById("ul")

li = document.createElement("li")

txt = document.createTextNode("txt")

li.className = 'className'

li.id='id' //此处添加id

li.onclick = function() {alert('helo')}

li.appendChild(txt)

ul.appendChild(li)

</script>

JS为里面的每个div设置不同的ID属性的代码如下：

<script>

var objs=document.getElementById("iproduct").getElementsByTagName("div")

for(var i=0i<objs.lengthi++)

{

objs[i].id="myid" + i

}

</script>

objs[i].id="myid" + i遍历一下，在id后面加上遍历索引，每个div的id就不一样了，而且有规律。

扩展资料：

也可以用如下方式：

<script src="http://code.jquery.com/jquery-1.4.3.min.js" type="text/javascript"></script>

<script>

$(function(){

var i=0

$("#iproduct div").each(

function(){

$(this).attr("id","id"+i)

i++

}

)

})

</script>

---