美文网首页
JS之DOM重点核心

JS之DOM重点核心

作者: 时光冷心 | 来源:发表于2020-05-31 20:30 被阅读0次

关于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 = ('事件类型',  事件处理程序)   (推荐)

相关文章

  • JS之DOM重点核心

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

  • 前端基本功:JS必记知识点+案例(四):DOM

    DOM (重点) 我们js 有三部分组成的?ECMAscript DOM BOM 核心(EC...

  • JS 核心之 DOM

    DOM是一棵树(tree)树上有Node。Node分为Document ( html ),Element(元素)和...

  • JS 核心之 DOM

    一、理解 DOM 1. DOM 定义 DOM 的全称是" Document Object Model ",中文意思...

  • React 入门(阮一峰教程笔记)

    一 react.js react-dom.js Brower.js react.js 核心库 react-dom....

  • DOM 重点核心

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

  • DOM 重点核心

    文档对象类型:DOM1,对于JavaScript ,dom接口2,对于Html, dom 树包括文档,元素,节点...

  • react入门(一)

    react.js是核心库,react-dom.js提供与DOM相关功能,Browser是将JSX语法转化为js语法...

  • 李祖龙-1020-笔记

    node.js js 基础 dom(重点) linux 命令 apt-cache search *** 查询软件...

  • JavaScript基础 DOM对象

    js的三大核心 1、ECMAScript js的语法标准2、DOM Document Object ...

网友评论

      本文标题:JS之DOM重点核心

      本文链接:https://www.haomeiwen.com/subject/qebrzhtx.html