innerHTML属性改变后，之前用setAttribute设置的事件响应失效的问题

[luoluonet]

看一个简单的例子说明这个问题：

----------------------------------------------------------
<div id="d">
<table>
<tr>
<td id="t">aaa</td>
</tr>
</table>
</div>
<script language="javascript">
t.setAttribute("onmouseover", function() {alert("a")});
alert(t.onmouseover);
str = "";
d.innerHTML += str;
alert(t.onmouseover);
</script>
----------------------------------------------------------

程序中d.innerHTML += str一句操作了innerHTML属性以后,那个td之前用setAttribute方法设置的onmouseover响应函数的就失效了，第二个alert出来是null。不知道是什么原因，有没有什么解决办法，请各位指教，谢谢！

[Minisheep]

t=document.getElementById("t");
d=document.getElementById("d");

一开始加上这两句就没问题

[JK_10000]

d.innerHTML += str;


---->>>>

d.insertAdjacentHTML("beforeEnd",str);

[springwood]

你的innerHTML把你的setAttribute给冲掉了.把innerHTML赋完值后再setAttribute.
<div id="d">
<table>
<tr>
<td id="t">aaa</td>
</tr>
</table>
</div>
<script language="javascript">
t.setAttribute("onmouseover", function() {alert("a")});
alert(t.onmouseover);
str = "";
d.innerHTML += str;
t.setAttribute("onmouseover", function() {alert("a")});
alert(t.onmouseover);
</script>

[cxz7531]

innerHTML从新设置，dom就重构了

[luoluonet]

感谢各位！