javascript 如何修改html元素id

如题所述

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<style type="text/css">
#aa{ background:red;}
#bb{ background:green;}
</style>
</head>

<body>
<div id="aa">aa
</div>
<script type="text/javascript" language="javascript">
 var obj = document.getElementById("aa");//获取原来的id = aa的div 
 obj.setAttribute("id","bb"); /*把他的id改为bb ,bb给了一个绿背景,如果用浏览器浏览是绿色背景证明成功了*/
</script>
</body>
</html>

温馨提示:答案为网友推荐,仅供参考
第1个回答  2013-10-25
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
</head>
<script>
function ca(){
var a = document.getElementById("a");
a.id ="b";
}
</script>
<body>
<p id="a">我的id是a</p>
<button type="button" onclick="ca()">按钮</button>
</body>
</html>

 补充:火狐下的“审查元素”能看到id从'a'变成'b',只能使用一次,因为点了按钮后,id就是b了,里面没有id='a'了。除非刷新

第2个回答  推荐于2018-02-12
$('你的元素').arrt(‘id’,你要的新id);本回答被网友采纳
第3个回答  2013-10-25
var obj_id=document.getElementById("你要获取元素的id");
第4个回答  2018-03-09
$("#原ID").attr("id","新ID");
相似回答