web api 02

day02 - Web APIs

1. 自定义属性操作

1.1 获取属性值

element.属性 只可获取内置属性，若用此获取自定义属性会报错
element.getAttribute(‘属性’) 可获取自定义属性与内置属性，两者都可以
建议获取 自定义属性 时用 element.getAttribute(‘属性’) 获取 内置属性 时用element.属性

1.2. 设置属性值

给元素设置类名时，如果使用内置属性获取犯法则用 className，若用自定义属性则用class

1.5.3. 移出属性

移除属性只有一种办法，且移出类名时不可用className

2. H5自定义属性

自定义属性目的：是为了保存并使用数据。有些数据可以保存到页面中而不用保存到数据库中。

自定义属性获取是通过getAttribute(‘属性’) 获取。

但是有些自定义属性很容易引起歧义，不容易判断是元素的内置属性还是自定义属性。

H5给我们新增了自定义属性：

3. 节点操作

3.1. 节点概述

​ 网页中的所有内容都是节点（标签、属性、文本、注释等），在DOM 中，节点使用 node 来表示。

​ HTML DOM 树中的所有节点均可通过 JavaScript 进行访问，所有 HTML 元素（节点）均可被修改，也可以创建或删除。

一般地，节点至少拥有nodeType（节点类型）、nodeName（节点名称）和nodeValue（节点值）这三个基本属性。

3.2. 节点层级

​ 利用 DOM 树可以把节点划分为不同的层级关系，常见的是父子兄层级关系。

3.3. 父级节点

3.4. 子节点