标签：
/*
*通用方式来获取元素
* 1.通过id来获取元素document.getElementById(‘属性名‘)
* 2.通过便签名来获取元素document.getElementsByTagName(‘属性名‘);得到的是一个数组
* 3.通过class属性来获取元素有兼容性问题document.getElementsByClassName(‘class属性名‘);得到是一个数组
* 4.通过name属性来获取元素存在兼容性问题document.getElementsByName(‘name属性名‘);返回一个数组
/*
*节点父子关系查找
* 1.获取所有的子节点,包括空格和制表符等
* a.先获取元素
* b.元素名.childNodes;
* 2.获取所有的标签节点
* 元素名.child;
* 3.获取第一个子节点
* 元素名.firstChild;
* 4.获取第一个标签元素
* 元素名.firstElementChild;
* 5.获取最后一个子节点
* 元素名.lastChild;
* 6.获取最后一个标签元素
* 元素名.laseElementChild
* 7.获取当前元素的上一个元素
* 元素名.previousSibling
* 8.获取上一个标签元素
* 元素名.previousElementSibling
* 9.获取下一个节点
* 元素名.nextSibling
* 10.获取下一个标签元素
* 元素名.nextElementSibling
* 11.通过元素获取父级元素
* 元素名.parentNode;
* 12.父级元素节点
* 元素名.parentElement
*/
/*
*快速获取元素节点的方法
* 1.获取所有表单的节点document.forms;
* 2.获取所有a标签的节点document.links;
* 3.快速获取img标签的节点
* a.document.images;
* b.document.getElementsBytagName(‘标签名‘);
*/
/*标签元素的操作
* 1.元素的属性添加,添加class属性
* a.setAttribute(‘属性名‘,‘属性值‘);
//属性更改css样式
* b.setAttribute(‘class‘,‘属性名‘);
* 2.元素的移除removeAttribute(‘要移除的属性名‘);
* 3.获取属性getAttribute(‘属性名‘);
*标签文本的操作
* 1.文本的获取
* a.innerHTML,可以获取元素的标签属性和值
* b.textContent只能获取纯文本,不能获取中间的标签
* 2.文本的设值 innerHTML = "要赋的值"
*样式的操作
* 1.样式的修改
* a.获取该类的属性document.(images,links,forms)
* b.使用for循环赋值
* 2.样式的获取:属性名.style.样式
*/
标签：
原文地址：http://www.cnblogs.com/dai-idiot/p/4630724.html
