如何用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方法获得元素的值相同。

绑定事件响应并不是必须使用id，看你的描述在此之前你已经获得了这个元素？

假设要绑定的元素为btn，要绑定的事件为鼠标单击，则：

btn.onclick = function(){...}    // 直接关联事件响应

btn.addEventListener('click', function(e){...}, false)    // 高级浏览器支持

btn.attachEvent('onclick', function(){...})    // 低版本IE支持

通过如上三种方式可在btn上绑定click的事件响应，区别：第一种直接绑定，如果此前btn上有已经绑定的响应函数，则会被覆盖；后两种是注册事件响应的方式，可注册多个响应函数，彼此互不影响。

如果有使用某些框架（例如jQuery等），则可使用框架封装好的兼容性方法来注册事件响应。

Dom对象的id属性可以获取元素的id值。关键代码如下：

1

2

<!-- HTML结构 -->

<input <a href="https://www.baidu.com/s?wd=id&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y3m1R3n1PWP1TYujFBPvDs0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EPW03nHfYP1R" target="_blank" class="baidu-highlight">id</a>='btn' type='button' onclick='test(this)' value='点击获取当前按钮的id' />

1

2

// javascript代码

function test(obj){alert(obj.id)}

实例演示如下：

创建Html元素

1

2

3

4

5

6

<div class="box">

<span>实例演示：获取被点击元素的id</span>

<div class="content">

<input id='btn' type='button' onclick='test(this)' value='点击获取当前按钮的id' />

</div>

</div>

设置css样式

1

2

3

4

div.box{width:300pxpadding:20pxmargin:20pxborder:4px dashed #ccc}

div.box>span{color:#999font-style:italic}

div.content{width:250pxmargin:10px 0padding:20pxborder:2px solid #ff6666}

input[type='button']{height:30pxmargin:10pxpadding:5px 10px}

编写jquery代码

1

2

3

function test(obj){

alert(obj.id)

---