js获取节点和编辑的方法
Posted 张啊咩
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js获取节点和编辑的方法相关的知识，希望对你有一定的参考价值。
获取：
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获取节点和编辑的方法的主要内容，如果未能解决你的问题，请参考以下文章