js获取节点和编辑的方法

标签：app   outer   display   属性   样式   ati   style   client   rem   

获取：

1.document.getElementById()

靠id获取节点

2.document.getElementsByClassName()

靠类名获取节点集（数组）

3.document.getElementsByTagName()

靠标签名获取节点集（数组）

4.document.createElement()

创建新的节点

5.document.querySelector()

靠CSS选择符获取节点

6.document.querySelectorAll()

靠CSS选择符获取节点集（数组）

编辑：

获取元素节点后，可以用之前提到过的点表示法和方括号表示法来编辑操作元素节点的属性（id、src、className、style、offsetTop、offsetWidth、clientWidth、scrollWidth....）和内容(innerHTML、outerHTML、innerText、textContent、childNodes、appendChild、removeChild....)。

值得注意的是操作样式的写法：

1.第一种是  node.style.样式名  的写法：例如div.style.height="100px"(比较特别的：有-的样式名如div.style.backgroundColor,浮动div.style.cssFloat)

2.第二种是  node.style.cssText  的写法：例如div.style.cssText="display:block;width:100px;height:100px"

js获取节点和编辑的方法

标签：app   outer   display   属性   样式   ati   style   client   rem   

原文地址：http://www.cnblogs.com/amiezhang/p/6752972.html