JavaScript WebAPI、DOM知识整理

目录

一、API是什么

二、Web API

三、DOM

3.1什么是DOM

3.2 DOM 树 是什么

3.3   DOM对象

3.4 DOM的核心思想

四 、获取元素的方式

4.1   根据ID获取

4. 2   根据标签名获取

4.3   通过HTML5新增的方法获取

4.4  特殊元素获取

---

一、API是什么

API（Application Programming Interface,应用程序变成接口）是一些预定义的函数，nudity是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无序访问源码，或者理解内部工作机制的细节。
简单理解：API是给程序员提供的一种工具，以便更轻松的实现想要完成的功能。

二、Web API

    Web API是浏览器提供的一套操作浏览器功能和页面元素的API（BOM和DOM）
   现阶段我们主要针对于浏览器讲解常用的API，主要针对浏览器做交互效果
    作用：就是使用JS去操作html和浏览器
    分类：DOM（文档对象模型）、BOM（浏览器模型）

三、DOM

 3.1什么是DOM

        文档对象模型（Document Object Model,简称DOM），是用来呈现以及与任意HTNL或XML文档交互的API

        是W3C组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。

        W3C已经定义一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式。

        白话：DOM是浏览器提供的一套专门用来操作网页内容的功能

        DOM的作用：开发网页内容特效和实现用户交互

 3.2 DOM 树 是什么

        将HTML文档以梳妆结构只管的表现出来，我们称之为文档树或DOM数

        描述网页内容关系的名词

        作用：文档树直观的体现了标签与标签之间的关系

         1.文档：一个页面就是一个文档，DOM中使用document表示

        2.元素：页面中的所有标签都是元素，DOM中使用element

        3.节点：网页中所有内容都是节点（标签、属性、文本、注释等），DOM中使用node表示

3.3   DOM对象

        DOM对象：浏览器根据html标签生成的JS对象

        1、所有的标签属性都可以在这个对象上面找到

        2、修改这个对象的属性会自动映射到标签身上

3.4 DOM的核心思想

        把网页内容当成对象来处理

        1.5doc