13.JavaScript(WebAPI) - JS api文献精解

文章目录

• 1.WebAPI 背景知识
• • 1.1什么是 WebAPI
  • 1.2什么是 API
  • 1.3API 参考文档
• 2.DOM 基本概念
• • 2.1什么是 DOM
  • 2.2DOM 树
• 3.获取元素
• • 3.1querySelector
  • 3.2querySelectorAll
• 4.事件初识
• • 4.1基本概念
  • 4.2事件三要素
  • 4.3简单示例
• 5.操作元素
• • 5.1获取/修改元素内容
  • • 5.1.1innerText
    • 5.1.2innerHTML
  • 5.2获取/修改元素属性
  • 5.3获取/修改表单元素属性
  • 5.4获取/修改样式属性
  • • 5.4.1行内样式操作
    • 5.4.2类名样式操作
• 6.操作节点
• • 6.1新增节点
  • • 6.1.1创建元素节点
    • 6.1.2插入节点到 dom 树中
  • 6.2删除节点
• 7.代码案例: 猜数字
• • 7.1预期效果
  • 7.2代码实现
• 8.代码案例: 表白墙
• • 8.1预期效果
  • 8.2创建页面布局
  • 8.3调整样式
  • 8.4实现提交
  • 8.5实现点击按钮的动画效果(选学)
• 9.代码案例: 待办事项
• • 9.1预期效果
  • 9.2创建页面布局
  • 9.3实现页面样式
  • 9.4实现页面行为
  • • 9.4.1实现新增
    • 9.4.2点击复选框后将元素放到 "已完成"
    • 9.4.3点击删除按钮删除该任务
    • 9.4.3点击删除按钮删除该任务

大家好，我是晓星航。今天为大家带来的是 JavaScript(WebAPI) 相关的讲解！