一、查找元素
getElementById() 通过id查找元素 返回一个dom元素
getElementsByTagName() 通过标签名查找元素 返回一个伪数组
getElementsByClassName() 通过类名查找元素,返回一个伪数组
getElementByName() 通过属性名name查找元素 ,返回一个伪数组
querySelector(selector) 获取符合选择器的第一个元素, 返回一个dom元素
querySelectorAll(selector) 获取符合选择器的所有元素,返回一个伪数组
二、创建节点
createElement(节点名) 创建一个节点,并返回
createTextNode() 创建一个文本节点
cloneNode(boolean)克隆一个节点,并返回,当传入true时为深层克隆, 调用他的元素的子元素也会被克隆并返回。不传时,默认false,只克隆当前元素,不克隆他的子元素。
三、插入节点
insertBefore(要插入元素,参考元素) 在某元素的子元素(参考元素)前面插入元素
appendChild(要追加的元素) 在某元素的子元素末尾追加一个元素
四、删除节点
removeChild(元素) 删除传入的子元素
五、查找节点
children 某元素的所有子元素, 返回一个伪数组
childNodes 某元素的所有子节点(包括子元素),返回一个伪数组
firstChild 某元素的第一个子元素,返回一个dom元素
lastChild 某元素的最后一个子元素,返回一个dom元素
nextSibling 某节点之后紧跟的节点,返回一个dom元素
nextElementSibling 下一个元素节点
previousElementSibling 上一个元素节点
preciousSibling某元素之前紧跟的节点 ,返回一个dom元素
parentNode 父节点
六、替换节点
replaceChild(newnode,oldnode) 替换某元素中的某个几点
七、节点属性
节点名称(只读):nodeName
节点值: nodeValue
节点类型(只读):nodeType
获取元素属性:
element.attributes 返回一个由{值:对象} 的伪数组
设置元素属性:ele.setAttribute(name,value);
判断拥有某个属性:ele.hasAttribute(name);
删除某个属性:ele.removeAttribute(name);
判断是否拥有属性设置:
ele.hasAttributes();