开发跨浏览器JavaScript时要注意的问题

1、 向表中追加行

定义table时使用tbody元素，以保证包括IE在内的所有浏览器可用

例：定义如下一个空表

<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(“myTableBody”).appendChild(row);

*IE中需要先创建行，再创建列，再创建内容

2、 设置元素的样式

Var spanElement = document.getElementById(“mySpan”);

//下面写法保证出IE外，所有浏览器可用

spanElement.setAttribute(“style”,”font-weight:bold;color:red;”);

//下面的写法保证IE可用

spanElement.style.cssText=”font-weight:bold;color:red;”;

3、 设置元素的class属性

Var element = document.getElementById(“myElement”);

//下面的写法保证除IE外，所有浏览器可用

Element.setAttribute(“class”,”styleClass”);