1：自定义属性；
2：节点；
3：文档碎片；
4：offset偏量；
自带的属性：
元素上，有些是系统默认的就含有的属性，比如id、titiel、name、style等。
自定义的属性：
有些是根据自己喜好定义出来的属性，比如abc、xxx等；
自定义属性通常来做数据存储（可理解成变量赋值）。
html：
<div id = 'div1' a= '123' data-b = 'hello'> </div>
解释：
在上文代码中，id是div的自带属性。a和b都是自定义属性，其中a是旧的写法，b是新的写法。
操作属性的方法有很多种，不同的方法对应的是不同的类型的属性。
最常用的写法：
div1.c = ‘你好’；//设置属性
console.log(div1.c);//获取属性
注：使用这种方法获取自定义属性时，必须使用js的方法设置属性，使用html的方法设置是无法获取的。
另一种比较常用的写法：
div1.setAttribute('d','你好'); //设置属性
console.log(div1.getAttribute('d'));//获取属性
注：使用这种方法设置的自定义属性，其内容会自动转为字符串。