JS操作Dom

1.获取Dom(查)

• 通过ID获取（getElementById）
• 通过name属性（getElementsByName）
• 通过标签名（getElementsByTagName）
• 通过类名（getElementsByClassName）
• 获取html的方法（document.documentElement）
• 获取body的方法（document.body）

特别的2种
通过css选择器获取一个元素（querySelector）
例：获取文档中 id=”demo” 的元素：

document.querySelector("#demo");

注意： querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用querySelectorAll() 方法替代。

通过选择器获取一组元素（querySelectorAll）
使用方式和querySelector() 方法一样，只是可以获取css选择器匹配的所有元素

2.Dom增删改查

增加

	document.createElement(tagName);    /*元素节点*/
	document.createTextNode(data);    /*文本节点*/
	document.createAttribute(name);    /*属性节点*/

删除元素

    removeChild(child)
    removeAttributeNode(attributeNode)

修改

(1).修改节点

删除节点再加入

    replaceChild(newChild, oldChild)
    /*用法----父元素.replaceChild(新元素, 旧元素)*/

(2)，修改样式

style.xxx = sss ;

setAttribute(name, value)

(3)，修改文本

innerHTML
innerText

nodeValue
/*节点操作（删除旧文本节点再加入新文本节点）*/

(4)，修改属性

setAttribute(name, value)