JS能不能更改对象的ID

JavaScript021

JS能不能更改对象的ID,第1张

肯定可以修改的。

document.getElementById("id").id = "otherID"

<ul><li id="li1">adfa</li></ul>

<script type="text/javascript">

var li1 = document.getElementById("li1")

li1.id = "li2"

alert(document.getElementById("li2").id)

</script>

js实现点击一个按钮,改变另一个div的id的思路:

1、定义一个按钮,编写点击事件

2、获取div对象,获取id属性,重新赋值。

举例说明:

页面上有个button,叫change,并定义click事件:

<input type="button" value="change" onclick="changeID()">

定义一个div,id叫div1

<div id="div1">点击就会改变</div>

编写changeID函数:

function changeID(){

var obj = document.getElementById("div1")

obj.attr("id","div2")

alert(obj.id)

}

弹出结果是div2