JS--Dom2

1.节点关系：

父子节点：

父节点 parentElement

所有子节点 children

第一个子节点 firstElementChild

最后个子节点 lastElementChild

兄弟节点：

上一个兄弟 previousElementSibling

下一个兄弟 nextElementSibling

2属性操作：

getAttribute 获取属性

setAttribute 设置属性

removeAttribute 移除属性

3.节点的信息：

nodeName-----节点的名称

元素节点：返回的是元素标签名大写 例P

文本节点：返回#text

nodeType-----节点的类型

元素节点返回值为1

文本节点返回值为3

nodeValue-----节点的值

元素节点：none

文本节点：文本内容

4.区别：

fristChild-----第一个子节点（可以是文本，可以是元素）

firstElementChild-----第一个元素子节点（只能是元素）

5.节点操作：

创建节点---document.createElement(tag)

var img = document.createElement("img");

删除节点-----elem.remove()

删除自身----img.remove（）

elem.parentElment.removeChild(elem

用父节点删除---img.parentElement.removeChild(img);

复制节点 ,不带子节点------var elem2 = elem.cloneNode(false)

复制节点，不带子节点-----var elem2=elem.cloneNode(false)

复制节点，带子节点------var elem3 = elem.cloneNode(true)

复制节点，带子节点----var elem3=elem.cloneNode(true)

插入节点-----parent.appendChild(elem)

将elem插入到parent最后面

插入节点----parent.insertBefore(新的节点，相关节点)

把新的节点插入到 相关节点的前面

替换节点------parent.replaceChild(新的节点，被替换的节点)

6.表格操作：

创建行-----row = table.insertRow(index)

创建列-----col = row.insertCell(index)

设置列的内容----col.innerText="xxx"

选择第一行------table.firstElementChild.fristElementChild