don对象

来源：互联网发布：棕榈大道知乎编辑：程序博客网时间：2024/05/07 06:09

<!doctype html>

<html>

<head>

<title>dom对象</title>

</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>

0 0