Element对象

Element对象

** 要想操作element对象就必须获取到element
　　- 使用document里面相应的方法获取

** 方法
　　* getAttribute("属性名称");     获取属性值
　　* setAttribute("class","内容");    设置属性值
　　* removeAttribute("name");     不能删除value属性设置的值

　　* 获取标签下的子标签
　　　　- childNodes，但是这个属性兼容性太差
　　　　- getElementsByTagName
　　　　　　var ul1 = document.getElementById("ulid"); //获取ul节点对象
　　　　　　var lis = ul1.getElementsByTagName("li"); //获取ul下面所有的li节点

** Node对象属性
　　* nodeName
　　* nodeType
　　* nodeValue

　　* 使用dom解析html的时候，需要html里面的标签，属性和文本都封装成对象

　　* 标签节点对应的值
　　　　获取标签对象：var span1 = document.getElementById("spandid");
　　　　nodeName：1
　　　　nodeType：大写的标签名称 比如SPAN
　　　　nodeValue：null

　　* 属性节点对应的值
　　　　获取属性对象：var id1 = span1.getAttributeNode("id");
　　　　nodeName：2
　　　　nodeType：属性名称 id
　　　　nodeValue：属性的值 spanid

　　* 文本节点对应的值
　　　　获取文本对象：var text1 = span1.firstChild;
　　　　nodeName：3
　　　　nodeType：#text
　　　　nodeValue：文本内容

** Node对象的其他属性
　　* 父节点 ul是li的父节点
　　　　- parentNode
　　　　var li1 = document.getElementById("li1"); //得到li1节点
　　　　Var ul1 = li1.parentNode; //通过li1的父节点方法得到ul1节点
　　* 子节点 li是ul的子节点
　　　　- ChildNode 得到啊所有子节点但是兼容性很差
　　　　- firstChild
　　　　- lastChild
　　* 同辈节点 li之间是同辈节点
　　　　- nextSibling 返回一个给定节点的下一个兄弟节点
　　　　- previousSibling 返回一个给定节点的上一个兄弟节点