关于DOM以及DOM操作

目录

DOM

常用DOM操作

增：

删：

查：

获取节点后操作：

---

DOM

Document Object Model  文档对象模型，提供了一系列对标签进行增删改查的操作

常用DOM操作

增：

fn createElement(标签名)  创建元素节点

拼接节点     fn appendChild()

插入节点   fn insertBefore (new,old)

删：

删除子节点    fn removeChild()

查：

fn getElementById()   通过id名获取元素  返回匹配元素

fn getElementsByTagName() 通过标签名获取元素  返回类数组集合

fn getElementsByClassName()  通过class名获取元素    返回类数组集合   ie6，ie7不适用

fn  getElementByName()    表单常用 ，通过表单的name 名获取元素  返回类数组集合

fn quertSelector() 新的ECMA6标准  通过css选择器获取元素    返回匹配元素

fn quertSelectorAll() 新的ECMA6标准  通过css选择器获取元素    返回类数组集合

pro nextElementSiling  可以忽略文档节点，只获取元素节点

pro children 获取子节点，没有兼容问题

pro parentNode  获取父级节点

获取节点后操作：

1. 通过点语法调用标签属性
2. 通过style属性控制样式
3. 通过classList控制样式