JS 进阶(6) DOM属性：Property 固有属性、Attribute 自定义属性、常用的固有属性

HTML属性分为两种

1. Property 固有属性
2. Attribute 自定义属性

• 操作固有属性和自定义属性的通用方法

一、Property 固有属性

1.1 什么是固有属性

固有属性就是浏览器给默认给html标签绑定上的属性。

	<a href="#"></a>

固有属性表

1.2 操作固有属性

固有属性可以通过对象.属性名这样方式来设置和获取值。

	<a href="#"></a>
	
	<script type="text/javascript">
		var aEle = document.getElementsByTagName('a')[0];
		aEle.href = 'http://www.baidu.com';
		console.log(aEle.href);

		aEle.className = 'test';
		console.log(aEle.className);
	</script>

二、Attribute 自定义属性

1.1 什么是自定义属性

自定义属性就是用户自己定义，在固有属性列表中没有的属性。

	<div href="http://www.baidu.com" xxx="aaa" data="test"></div>

1.2 获取自定义属性

通过attributes属性可以获取到在元素标签上定义的所有属性（包括固有属性和自定义属性），是一个类数组对象NameNodeMap

	<div id="div0" href="http://www.baidu.com" xxx="aaa" data="test"></div>
	<script type="text/javascript">
		var divEle = document.querySelector('div');
		console.log(divEle.attributes);
	</script>

获取自定义属性的值

• 获取元素上没有的属性，控制台会报错。
• 也可以获取到 定义在标签 上固定属性的值。

写法一：
ele.attributes.getNamedItem('属性名').nodeValue

写法二：
ele.attributes[