web API 針對dom的操做方式 （事件操做和屬性操做爲重點) （增 、刪、改、查）（建立）

1、建立 ：

（1)document . write  ;

  (2)innerHTML   ;

  (3)createElement　;

 

2、增長 ：

（1）appendchild　；

（2）insertBefore　；

 

3、刪除 ：

（1）removechild　；

 

4、修改 ：

1.主要改dom元素屬性 ，dom元素的內容 ，屬性、表單的值等 ；

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

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

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

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

 

5、查詢 ：

1.主要獲取查詢dom的元素 ；

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

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

（3）利用節點操做獲取元素 ：父（parentNode）、子（children）、兄（previousElementSibling 、nextElementSibling）：提倡使用 ；

 

6、屬性操做 ：

1.主要針對於自定義屬性  ；

（1）setAttribute ：設置都dom的屬性值 ；

（2）getAttribute ：獲得dom的屬性值 ；

（3）removeAttribute ：移除屬性 ；

 

七：事件操做 （見web API事件高級）；