我想动态更改TD标签的Id。我试过如下动态更改TD标签的ID不是永久的
var div_node;
div_node = document.getElementById(old_id);
div_node.id = new_id;
但是改变ID的效果并不是永久性的。如果在此之后我写了一些语句,它只给出原始ID。我的意思是如果我确实提醒(div_node.id),它会给出原始的Id Only。
这是我的整个计划。
jsAnim.js是JavaScript库。我已包括它。可在 http://jsanim.com/
<html>
<head>
<script type="text/javascript" src="jsAnim.js"> </script>
<script>
function Assign_id() //This function Will execute onload
{
j=0;
for(i=1;i<4;i++)C
{
document.getElementsByTagName("td")[j].setAttribute("id",i);
//alert(document.getElementsByTagName("td")[j].id);
j++;
}
}
function getdata()
{
var old_id=prompt("Enter Box Id.");
var new_id=prompt("Enter New Position");
animate(old_id,new_id);
change_id(old_id,new_id);
}
function animate(old_id,new_id)
{
var manager=new jsAnimManager();
obj=document.getElementById(old_id);
obj.style.position="relative";
var anim=manager.createAnimObject(old_id);
anim.add({property: Prop.top, to: 100, duration: 2000});
anim.add({property: Prop.left, to: ((new_id-old_id)*50)+4, duration: 2000});
anim.add({property: Prop.top, to: 0, duration: 2000});
obj=document.getElementById(new_id);
obj.style.position="relative";
var anim=manager.createAnimObject(new_id);
anim.add({property: Prop.bottom, to: 100, duration: 2000});
anim.add({property: Prop.right, to: ((new_id-old_id)*50)+4, duration: 2000});
anim.add({property: Prop.bottom, to: 0, duration: 2000});
}
function change_id(old_id,new_id)
{
var div_node;
div_node = document.getElementById(old_id);
div_node.id = new_id;
alert(div_node.id); //HERE IT IS GIVING CORRECT CHANGED ID;
var div_node1 = document.getElementById(new_id);
div_node1.id = old_id;
alert(div_node.id); //BUT HERE IT AGAIN GIVE ORIGINAL ID ONLY
alert(div_node1.id);
}
</script>
</head>
<body onload="Assign_id()">
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td width="50" height="100" background="pic.png">
<font size="10" align="center">A</font>
</td>
<td width="50" height="100" background="pic.png">
<font size="10" align="center">B</font>
</td>
<td width="50" height="100" background="pic.png">
<font size="10" align="center">C</font>
</td>
</tr>
</table>
<button onclick="getdata()"> NEXT </button>
</body>
</html>
什么是`jsAnimManager`? – Neal 2011-12-15 14:16:14
什么是`jsAnim.js`,不能只留下代码,可能是一个问题,还有你交换ID的原因是什么?为什么不去上课呢? (样式/位置?) – Jakub 2011-12-15 14:21:29