提示:对于style属性,不是一个简单的setAttribute就能实现的!
var mytable = document.getElementById("TestTable");
//或者:var mytable = document.all["TestTable"];
//对于普通的属性,可以使用setAttribute
mytable.setAttribute("border", "12");
//对于style这样的复合属性,这样不行!
//mytable.setAttribute("style", "display:none");
//那就用这个!
mytable.style.display="none";
IE里class 应为className ;
在 IE里‘onclick’是一个Event,不能用添加Attribute 的方法 setAttribute 来设定,
后来选择了DOM的添加 Event 的方法
这种方法在mozilla中也可以正常使用。
向表中追加行:
document.createElement 和document.appendChild方法可以很容易的做到向表中追加行或从头创建包含表行的新表:使用 document.createElement创建表格,在使用document.appendChild方法将这些表单元格增加到表行;接下来使用 document.appendChild将表行增加到表中。
IE允许讲tr元素增加到tbody中,而不是直接增加到table中。
<table id="myTable">
<tbody id="myTableBody"></tbody>
</table>
向 这个表中增加行的正确做法是把行增加到表体,而不是增加到表,如是所示:
var cell=document.createElement("td").appendChild(document.createTextNode("foo");
var row = document.createElement("tr").appendChild(cell);
document.getElementById("mysqlTableBody").appendChild(row);
幸 运的是,这种方法在所有当前浏览器都通用,也包括 IE 。如果你养成习惯,总是使用 表中的表体, 就不用担心这个问题了。