网络编程
位置：首页>> 网络编程>> JavaScript>> 小结下dom节点操作（4）

小结下dom节点操作（4）

作者：风月　来源：阿里妈妈UED　发布时间：2011-03-08 10:33:00　

标签：dom,节点,javascript

[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

第一页 上一页 1 2 3
4
0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com