web API 针对dom的操作方式 （事件操作和属性操作为重点) （增 、删、改、查）（创建）

一、创建 ：

（1)document . write  ;

  (2)innerHTML   ;

  (3)createElement　;

 

二、增加 ：

（1）appendchild　；

（2）insertBefore　；

 

三、删除 ：

（1）removechild　；

 

四、修改 ：

1.主要改dom元素属性 ，dom元素的内容 ，属性、表单的值等 ；

（1）修改元素属性 ：src  、href  、title等 ；

（2）修改普通元素内容 ：innerHTML  、innerText  ；

（3）修改表单元素 ：value 、type 、disabled等 ；

（4）修改元素样式 ：style 、className ；

 

五、查询 ：

1.主要获取查询dom的元素 ；

（1）DOM提供的API方法 ：getElementByld  、getElementsByTagName　　（古老用法不推荐使用）；

（2）H5提供的新方法 :　　querySelector  、querySelectorAll　　（提倡使用）；

（3）利用节点操作获取元素 ：父（parentNode）、子（children）、兄（previousElementSibling 、nextElementSibling）：提倡使用 ；

 

六、属性操作 ：

1.主要针对于自定义属性  ；

（1）setAttribute ：设置都dom的属性值 ；

（2）getAttribute ：得到dom的属性值 ；

（3）removeAttribute ：移除属性 ；

 

七：事件操作 （见web API事件高级）；