DOM（元素的属性&元素的样式&创建节点&插入节点&设置样式属性的值&获取计算样式1.3）

一、元素的属性
1、属性集合
元素节点的attributes属性用于获取节点对象的所有属性，可以通过以下方式获取某个属性的值
-属性集合[下标].value;
-属性集合[‘属性名’].value;
-节点对象.getAttribute(‘属性名’);
-节点对象.getAttributeNode(‘属性名’).value;
2、修改属性
元素节点.setAttribute(‘属性名’,‘属性值’);
3、移除属性
-元素节点.removeAttribute(‘属性名’)

二、元素样式
1、style属性
HTML三种样式：内联、内部、外部
DOM分别提供了对应的操作，来访问不同的样式，最常用的是访问内联样式，style属性;
HTML元素的style特性返回一个CSSStyleDeclaration对象，style特性中的css样式属性都是syle对象的属性，可以通过.运算符获取和设置样式属性的值,注意，仅包含内联样式
语法：style.样式属性名;
注意，如果样式属性名有横线的,需要将横线去掉，第二个单词首字母大小写


二、插入节点
1、appendChild
为某元素在尾部追加一个子节点
语法：
父节点对象名.appendChild(子节点对象名)
2、insertBefore
在某个子节点前添加一个节点
语法：
父节点对象名.insertBefore(新子节点对象名,已经存在的子节点名);

3、修改样式表中的样式
第一步：先获取包含样式属性的样式表对象
var 样式表对象名 = document.styleSheets[下标];
第二步：获取样式表中所有样式规则的集合
var 样式规则集合 = 样式表对象.cssRules||样式表对象.rules;
第三步：获取规则集合中包含目标属性的规则
var 样式规则名 = 样式规则集合[下表];
第四步：获取某样式的值
样式规则名.style.样式属性名