DOM常用属性和方法

1. DOM常用的操作元素的方法

1 document.getElementById(“div1”) 通过id名获得元素,获得的元素是唯一的.
2. document.getElementsByTagName(“p”) 通过标签名获得一组元素
3. document.getElementsByClassName(“a”) 通过类名获得一组元素，IE6-IE8不兼容
4. document.getElementsByName(“a”) 通过name属性获得一组元素，主体只能是document，IE不兼容非表单元素的name属性，所以一般用在表单元素得选择
5. document.querySelector(".p1"); 通过选择器获取一个元素——移动端
6. document.querySelectorAll(“ul>li”);通过选择器获取一组元素——移动端
7. document.documentElement 获得整个HTML
8. document.body 获得整个body
9. documetn.documentElement.clientWidth||document.body.clientWidth; 获得可视窗口的宽

2.动态操作DOM

1. createElement; 创建元素节点，主体只能是document
2. createTextNode; 创建文本节点 主体只能是document
3. creatDocumentFragment 创建文档碎片
4. appendChild; 把文本节点添加到页面上，添加到末尾的位置，主体是操作元素的父级元素 ，如果页面上已经有这个节点，就是移动，而不是添加
5. insertBefore（newEle,oddEle）; 把文本节点添加到页面上，添加到末尾的位置，主体是操作元素的父级元素；如果页面上已经有这个节点，就是移动，而不是添加
6. repalceChild(neweLE,oddEle); 用newEle去替换oddEle,操作元素是父标签
7. removeChild(); 删除某个节点
8. cloneNode（true）; 深克隆，参数为false或空表示浅克隆
9. setAttribute(属性名,值)；设置元素属性(自定义属性/固有属性)
10. getAttribute
11. removeAttrbute 通过setAttribute设置的属性，必须通过getAttribute和removeAttrbute来操作

很多年前的笔记，一直存在有道云里，今日分享给大家，欢迎批评指正；