jsDOM操作总结（下）

核心DOM获取属性：

可以操作一切结构文档API，访问标准的html属性
1，获取元素的属性值：

1 var  strValue = elem.getAttribute("属性名");//只能找一个属性值
2 elem.attributes 集合：包含了当前元素所有属性的节点对象
  elem.attributes[i,"属性名"]//返回一个属性节点对象
  elem.attributes[i,"属性名"].value//属性值，遍历一个元素所有属性时使用
3 elem.getAttributeNode("属性名")//返回一个属性节点
  elem.getAttributeNode("属性名").value//返回属性值

2，修改元素的属性值

1. elem.setAttribute("属性名","属性值");//只设置一个属性值时用
2. elem.setAttributeNode(属性节点对象)

3.移除元素属性

elem.removeAttribute("属性名");
2. elem.removeAttributeNode(属性节点对象)

4.判断是否包含指定属性

elem.hasAttribute("属性名");//有，true;没有，false

DOM中常用API的简化：

<a id="chb"></a>
var aLink = document.getElementById("chb");
aLink .href = "bai.com";
aLink .className = "bailiban";

总结：class因为和es中的class属性有冲突，html中的class改名为className
特殊 ： disabled selected checked不需要用核心DOM操作，直接用HTML DOM操作
定时器（2种）：

1.延迟执行，只会执行一次
setTimeout();//设置
clearTimeout();//清除
2.循环执行
setInterval();
clearInterval

DOM增 插入 删除 改

增
document.createElement();
document.createTextNode();
document.createComment();
插入
ele.apendChild(div);
对于无中生有的元素是push，对于已存在的元素是剪切
ele.insertBefore(a,b)//把a插入到b之前
删除
parent.removeChild();//他杀  返回被删元素
ele.remove();//自杀 无返回值
替换
replaceChild(a,b);//拿a去替换b 有返回值
element对象上的属性
innerHTML    片段
innerText(火狐不兼容) / textContent()（老版本ie不好用）  文本  value