如何用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

$(document).click(function(e) { // 在页面任意位置点击而触发此事件

  $(e.target).attr("id")       // e.target表示被点击的目标

})

示例代码如下

创建Html元素

<div class="box">

<span>点击页面后，设置被点击元素背景色并获取其id：</span><br>

<div class="content" id = "test">test

<div id = "test1">test1

<div id = "test2">test2

<div id = "test3">test3</div>

</div>

</div>

</div>

</div>

设置css样式

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}

div.content div{min-width:20pxmin-height:20pxpadding:30pxborder:1px solid #446699background:#ffffff}

.bg{background:#ff99cc !important}

编写jquery代码

$(function(){

$(document).click(function (e) {

$(e.target).addClass('bg')     // 设置背景色

alert($(e.target).attr('id'))  // 获取id

})

})

观察效果

初始状态

点击id为test2的div

---