XML教程:总结dom节点操作(4)
[2]add(),remove()兼容性问题：
注意的是add,remove方法仅用于area,controlRange,options等集合对象.
<select>
<option value="1">option1</option>
<option value="2">option2</option>
</select>
<script type="text/javascript">
function fnAdd(){//兼容IE,FF,Opera,Chrome
var oOption=document.createElement("option");
document.getElementById("#oList").options.add(oOption);
oOption.text="option3";
oOption.value="3";
}
function fnRemoveChild(){//兼容IE,FF,Opera,Chrome
document.getElementById("#oList")).removeChild(document.getElementById("#oList").lastChild);
}
function fnRemove(){
//兼容IE,FF,Opera,Chrome
document.getElementById("#oList").remove(0);
}
</script>
扩展知识：
innerHTML、outerHTML、innerText、outerText
定义：
- innerHTML设置或获取标签内的HTML,eg:获取node.innerHTML 设置node.innerHTML="hello"
- outerHTML设置或获取标签及标签内的HTML
- innerText设置或获取标签内的文本
- outerText设置(包括标签)或获取(不包括标签)对象的文本
不同之处：
innerHTML与outerHTML在设置对象的内容时包含的HTML会被解析，而innerText与outerText则不会。
在设置时，innerHTML与innerText仅设置标签内的文本，而outerHTML与outerText设置包括标签在内的文本。
注意:
W3C 只支持innerHTML. 其他都是微软的规定.(outerHTML,outerText,innerText只有微软的IE 好使, 其他浏览器不好用(firefox, mozilla等),必须用其他方法实现)
原文地址：http://www.heiniuhaha.cn/blog/?p=1388