DOM操作中的引用

1. 引用动态脚本时，由于IE将 <script> 视为一个特殊的元素，不允许 DOM 访问其子节点，需要用到text属性，为兼容浏览器得如下：

function loadScriptString(code){
var script = document.createElement("script");
script.type = "text/javascript";
try {
script.appendChild(document.createTextNode(code));
} catch (ex){
script.text = code;
}
document.body.appendChild(script);
}

下面是调用这个函数的示例：

loadScriptString("function sayHi(){alert('hi');}");

2. 同样由于IE不兼容，引用css需要考虑兼容问题

function loadStyleString(css){

var style = document.createElement("style");

style.type = "text/css";
try{
style.appendChild(document.createTextNode(css));
} catch (ex){
style.styleSheet.cssText = css;    //针对IE
}
var head = document.getElementsByTagName("head")[0];
head.appendChild(style);

}

调用函数：loadStyleString("body{background-color:red}");

3. 表格操作：

//创建 table
var table = document.createElement("table");
table.border = 1;
table.width = "100%";
//创建 tbody
var tbody = document.createElement("tbody");
table.appendChild(tbody);
// 创建第一行
tbody.insertRow(0);
tbody.rows[0].insertCell(0);
tbody.rows[0].cells[0].appendChild(document.createTextNode("Cell 1,1"));
tbody.rows[0].insertCell(1);
tbody.rows[0].cells[1].appendChild(document.createTextNode("Cell 2,1"));
// 创建第二行
tbody.insertRow(1);
tbody.rows[1].insertCell(0);
tbody.rows[1].cells[0].appendChild(document.createTextNode("Cell 1,2"));
tbody.rows[1].insertCell(1);
tbody.rows[1].cells[1].appendChild(document.createTextNode("Cell 2,2"));
//将表格添加到文档主体中
document.body.appendChild(table);