[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基础语法的文章说提到了JS由三部分组成，分别是

• ES：JavaScript语法；
• DOM：页面文档对象，对页面中的元素进行操作；
• BOM：浏览器对象模型，对浏览器窗口进行操作；
  而WebAPI就包括了DOM + BOM；

本质上可以看成一些现成的方法来供程序员调用，方便开发。
由于WebAPI有很多，大多数使用都是以查阅接口的详细说明文档为主，本文主要列举一些开发中常用的API。

二、事件