[2]add(),remove()兼容性問題:
注意的是add,remove方法僅用于area,controlRange,options等集合對(duì)象.
<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>
擴(kuò)展知識(shí):
innerHTML、outerHTML、innerText、outerText
定義:
- innerHTML設(shè)置或獲取標(biāo)簽內(nèi)的HTML,eg:獲取node.innerHTML 設(shè)置node.innerHTML="hello"
- outerHTML設(shè)置或獲取標(biāo)簽及標(biāo)簽內(nèi)的HTML
- innerText設(shè)置或獲取標(biāo)簽內(nèi)的文本
- outerText設(shè)置(包括標(biāo)簽)或獲取(不包括標(biāo)簽)對(duì)象的文本
不同之處:
innerHTML與outerHTML在設(shè)置對(duì)象的內(nèi)容時(shí)包含的HTML會(huì)被解析,而innerText與outerText則不會(huì)。
在設(shè)置時(shí),innerHTML與innerText僅設(shè)置標(biāo)簽內(nèi)的文本,而outerHTML與outerText設(shè)置包括標(biāo)簽在內(nèi)的文本。
注意:
W3C 只支持innerHTML. 其他都是微軟的規(guī)定.(outerHTML,outerText,innerText只有微軟的IE 好使, 其他瀏覽器不好用(firefox, mozilla等),必須用其他方法實(shí)現(xiàn))
原文地址:http://www.heiniuhaha.cn/blog/?p=1388
本文鏈接:http://www.95time.cn/tech/web/2011/8325.asp
出處:阿里媽媽UED
責(zé)任編輯:bluehearts
上一頁 小結(jié)下dom節(jié)點(diǎn)操作 [3] 下一頁
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評(píng)論。
|