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事件高级);

 

猜你喜欢

转载自www.cnblogs.com/piyangtao/p/11534017.html