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”);

//下面写法保证ie可用

element.setattribute(“classname”,”styleclass”);

4、          创建输入元素

var button = document.createelement(“input”);

//单行文本框、复选框、单选框、单选钮、按钮需要此属性区别

button.setattribute(“type”,”button”);

document.getelementbyid(“formelement”).appendchild(button);

5、          向输入元素增加事件处理程序

var formelement=document.getelementbyid(“formelement”);

//所有浏览器可用

formelement.onclick=function(){dofoo();};

//除ie外，所有浏览器可用

formelement.setattribute(“onclick”,”dofoo();”);

6、          创建单选钮

if(document.uniqueid){

      //internet explorer

      var radiobutton=document.createelement(“<input type=’radio’ name=’radiobutton’ value=’checked’>”);

}else{

      //standards compliant

      var radiobutton=document.createelement(“input”);

      radiobutton.setattribute(“type”,”radio”);

      radiobutton.setattribute(“name”,”radiobutton”);

      radiobutton.setattribute(“value”,”checked”);

}

7、          insertrow,insertcell,deleterow

在ie中，table.insertrow()如果没有指定参数，则在表格后面添加行，默认参数位-1；如果在firefox中，则一定要加参数，如：insertrow(-1)。