js如何获取动态的id_IT百科

1、新建一个html文件，命名为test.html。

2、在test.html文件中，使用script标签加载jquery.min.js文件，成功加载该文件，才能使用jquery方法。

3、在js标签内，在页面加载完成时，获取body对象，使用append()方法向body动态添加一个div元素。

4、在test.html文件中，使用button标签创建一个按钮，按钮名称为“获取id值”。

5、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getid（）函数。

6、在js标签内，创建getid()函数，在函数内，通过元素名称获得div对象，使用attr()方法获得动态添加div的id值，并使用alert()方法将值输出。

7、在浏览器打开test.html文件，点击按钮，查看结果。

<!doctype html>

<head>

<title>动态给div+id</title>

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

//用这个attr方法加入

$(".btn_1").click(function(){

$(".change_div").attr("id","add_div")

})

$(document).on("click",'#add_div',function(){

alert('点击信息')

})

</script>

</head>

<body>

深圳网站建设:www.sz886.com,点击得到加入div后的点击事件

</div>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

js如何获取动态的id