year:2017 month:7 day:20

时间:2023-03-08 16:39:55

2017-07-20

JavaScript(Dom)

1:获取节点对象

document.getElementById(“html元素的id”)

document.getElementsByTagName(“标签名”)

document.getElementsByName("html元素的name")

document.getElementsByclassName("元素的class属性")

2:通过节点关系找节点

parentNode 获取当前元素的父节点。

childNodes 获取当前元素的所有下一级子元素。

firstChild 获取当前节点的第一个子节点。

lastChild 获取当前节点的最后一个子节点。

nextSibling 获取当前节点的下一个节点.(兄节点)

previousSibling 获取当前节点的上一个节点。(弟节点

creatElement 创建标签节点

oppendchild  添加子节点

removechild 移除子节点

3:节点对象的属性

nodeType 节点类型

nodeName 节点名称

nodeValue 节点值

4:注册一个新节点的过程

创建一个新节点 document.createElement(“标签名”)

创建新元素节点 elt.setAttribute(“属性名”, “属性值”)

设置属性 elt.appendChild(e)

添加元素到elt中最后的位置 elt.insertBefore(new, child);

:插入目标元素的位置 elt.removeChild(eChild) 删除指定的子节点