重撸js_2_基础dom操作

1.node

---

方法	返回	含义
nodeName	String	获取节点名称
nodeType	Number	获取节点类型
nodeValue	String	节点的值(注意:文本也是节点)

2.innerText和innerHTML

---

方法	含义
innerText	设置或返回表格行的开始和结束标签之间的文本(剥离html)
innerHTML	设置或返回表格行的开始和结束标签之间的HTML

3.遍历操作

---

方法	返回	含义
firstChild	Node	返回子节点列表中的第一个节点
lastChild	Node	返回子节点列表中的最后一个节点
childNodes	NodeList	所有子节点的列表
previousSibling	Node	返回该节点的前一个节点
nextSibling	Node	返回该节点的后一个节点
childNodes	NodeList	所有子节点的列表
childNodes	NodeList	所有子节点的列表

4.节点操作

---

方法	语法	含义
getElementById()	\	获取带指定id属性的对象
getElementsByName()	\	获取带指定name属性对象的集合
getElementsByTagName	\	获取带指定标签名的对象的集合
getElementsByClassName	\	获取带指定类名的元素集合(>=ie9)
querySelector	\	返回文档中匹配指定CSS选择器的一个元素
querySelectorAll	\	返回文档中匹配指定CSS选择器的元素集合
增加/删除
appendChild	node.appendChild(node)	向节点添加最后一个子节点
removeChild	node.removeChild(node)	删除一个子节点
replaceChild	node.replaceChild(newnode,oldnode)	用新节点替换某个子节点
insertBefore	node.insertBefore(newnode,existingnode)	在指定的已有子节点之前插入新的子节点
创建
createElement	document.createElement(nodename)	创建一个dom元素
createTextNode	document.createTextNode(textnode)	创建一个文本元素

var btn=document.createElement("BUTTON");
var t=document.createTextNode("CLICK ME");
btn.appendChild(t);