[JavaScript] 常见WebAPI的使用方法

文章结构概览

• 一、WebAPI的定义是什么？

  • 二、事件机制

  • • • 2.1 基本概念
      • 2.2 构成事件的三个基本要素

  • 三、如何获取页面元素

  • 四、对元素进行操作

  • • • 4.1 元素内容的获取与修改

      • • • 4.1.1 innerText属性的应用

      • 4.1.2 innerHTML属性的作用

      • 4.2 元素属性的获取与修改

      • 4.3 表单元素属性的获取与修改

      • • • 4.3.1 value：用于获取input标签中的值

      • 4.4 元素样式属性的获取与修改

      • • • 4.4.1 对行内样式的操作方式

      • 4.4.2 对类名样式进行的操作方法

  • 五、节点的相关操作

  • • • 5.1 节点的添加过程

      • • • 5.1.1 创建新的元素节点的方法

      • 5.1.2 将节点插入到DOM树中的步骤

      • 5.2 节点的删除处理

一、WebAPI是什么？

前一篇文章关于JS基础语法的内容中，曾提及JavaScript由三个组成部分构成，具体包括：

• ES：JavaScript语法；
• DOM：页面文档对