JS之DOM重点核心

关于DOM操作,我们主要针对元素的操作。主要有创建、增、删、改、查、属性操作、事件操作:


创建:1.document.write

           2.innerHTML

           3.createElement     

       

增:1.appendChild

       2.insertBefore


删:1.removeChild


改:1.修改元素属性:src、href、title等

       2.修改普通元素内容:innerHTML、innerText

       3.修改表单元素:value、type、disabled等

       4.修改元素样式:style、className


查:1.DOM提供的API:getElementById、getElementsByTagName

       2.H5提供:querySelector、querySelectorAll (推荐)

       3.节点操作:parentNode、children (推荐)


属性操作:1.setAttribute: 设置DOM的属性值

                  2.getAttribute: 获取DOM的属性值

                  3.removeAttribute: 移除属性

                     (主要针对自定义属性)


事件操作:1. 事件源. 事件类型 = 事件处理程序

                  2.事件源.addEventListener = ('事件类型',  事件处理程序)   (推荐)

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容