DOM核心操作

Dom核心操作包括以下几个方面

dom操作主要针对元素的操作，主要有创建、添加、删除、改、查、属性操作、事件操作

一、创建节点
document.createElement();
二、添加节点
先获取父元素
父元素.appendChild();添加到最后一个元素下面。
父元素.insertBefor(child,指定元素); 添加到指定元素前面。
三、删除节点
node.removeChild();删除父亲的子节点。
四、改
主要修改dom的元素属性，dom元素的内容、属性、表单的值等。
1，修改元素的属性：src、href、title等
2，修改普通元素内容：element.innerText不识别html标签、element.innerHtml识别html标签
3，修改表单元素：value，type，disabled禁用，checked复选框
4，修改元素样式：element.style 行内样式修改 、element.className 样式多的情况使用，同时覆盖原先的类名，可以使用多类名，这样不覆盖原先的类名。
五、查
主要获取查询dom元素
1，DOM提供的API方法：getElementById、getElementByTagName 古老用法不推荐
2，H5提供的新方法：querySelector、querySelectorAll 提倡使用
3，利用节点操作获取元素：父（parentNode）得到是离父级节点最近的元素、子（children）子元素节点、兄（previousElementSibling）、
六、属性操作
主要针对自定义属性
1，setAttribute（属性，值）：设置dom属性值
2，getAttribute(属性)：得到dom的属性值
3，removeAttribute（属性）：移除属性
七、事件操作
给元素注册事件，采取 事件源，事件类型=事件处理程序