<!doctype html>
<html>
<head>
<title>dom对象</title>
<meta charset="utf-8" />
<meta name="keywords" content="关键字" />
<meta name="description" content="网页描述" />
<style type="text/css"></style>
<script type="text/javascript"></script>
</head>
<body>
1.节点:也即元素,一切皆节点,有标签节点,属性节点,文本节点。
2.父节点:parentNode
上一个兄弟节点:previousElementSibling(正常浏览器下)previousSibling(ie6,7,8)
下一个兄弟节点:nestElementSibling(正常浏览器)nestSibling(ie6,7,8);
兼容问题处理:先处理正常的,后处理ie.可以用||写两个
子节点:childNodes 在火狐,谷歌下,换行看成也当作子节点;
children: 我们更喜欢 选出所有的孩子,只选出
是标签节点的孩子 ,注意在ie6 78 中会把注释看成孩子,
避免开注释即可
3.找对象的方法
通过id:document.getElementById(id名称)
通过标记名:document.getElementsByTagName(标记名称)
通过name:document.getElementByName(name的值)
通过className:document.getElementByClassName(类名)
4.创建节点
document.createElement("标记名(如img)");
将创建的节点追加到父节点下:
父节点.appendChild(img);
父节点.insertBefore(参数1,参数2);
参数1表示具体添加的子元素 参数2表示参考的元素
参数2的值为null,也是添加到末尾
5.删除节点
删除节点,要先找到父节点
如删除img
父节点.removeChild(img);
6.复制节点 cloneNode() 浅层复制 只复制父亲 孩子不复制
cloneNode(true) 深层复制 父亲孩子一起复制
</body>
</html>