[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
本文链接:http://www.blueidea.com/tech/web/2011/8325.asp
出处:阿里妈妈UED
责任编辑:bluehearts
上一页 小结下dom节点操作 [3] 下一页
◎进入论坛网页制作、WEB标准化版块参加讨论,我还想发表评论。
|