js 动态添加id

js 动态添加id,第1张

你是为了改变样式还是其他的作用?改变id,可能导致其他读取错误

如果你是单个玩,就可以这样写了

改变样式class就可以了

不过你的就是这样的:

<ul>

    <li><a id="tage">首页</a></li>

    <li><a>第二页</a></li>

    <li><a>第三</a></li>

    <li><a>第四页</a></li>

</ul>

<script>

var lis = document.getElementsByTagName("li")

var last = 0

lis[last].id = "tage"

for(var i = 0 i < lis.length i++){

    (function(i){

        lis[i].onclick = function(){

            lis[last].removeAttribute("id")

            this.id = "tage"

            last = i

        }

    })(i)

}

</script>

<!doctype html>

<head>

<meta charset="UTF-8">

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

<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>

<script type="text/javascript">

$(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>

<div class="change_div">

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

</div>

<input type="button" value="加入div" class="btn_1" />

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11542436.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存