<tbody id="6uajp"></tbody>

dom事件屬性

moonboat 2007-04-11

展開全文

<table border="1">
<tr id="example4">
  <td >TD One</td>
  <td>TD Two</td>
  <td >TD Three</td>
</tr>
</table>
<button onClick="insertTD();">Call insertTD()</button>
<button onClick="inspect();">Call insertTD()</button>

var TDCount = 0;

function insertTD(){

var newTD = document.createElement("td");
//newTD.setAttribute("onmouseover","a()",0);無效
newTD.attachEvent("onmouseover", a);
//newTD.onmouseover=a;可以,此為陳舊方法,主要向下兼容
newTD.setAttribute("width","200");
var newText = document.createTextNode("New Cell " + (TDCount++));
newTD.appendChild(newText);

var trElm = document.getElementById("example4");
var refTD = trElm.getElementsByTagName("td").item(2);
trElm.insertBefore(newTD,refTD);

}

function a(){
alert("ss");
}

function inspect(){
elm = document.getElementById("example4");

var str = "";
for (var i in elm){
str += i + ": " + elm.getAttribute(i) + "\n";
}
alert(str);
}

</script>