CWJDD 2019-06-06 10:54 原文
DOM对象
DOM（Document Object Model），是指文档对象模型，是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型。
DOM节点分为三大类：元素节点，文本节点，属性节点：
文本节点，属性节点为元素节点的两个子节点；
通过getElment系列方法，可以去到元素节点；
节点用法
getElementById：通过id获取唯一的节点；多个同名ID只会取到第一个；
getElementsTagName：通过name取到一个数组，包含1到多个节点；
使用方式：通过循环取到每个节点，循环次数，从0开始<数组.length
查看设置属性节点
1.查看属性节点：getAttribute("属性名")
2.设置属性节点：setAttribute("属性名""属性值")
js修改样式总结
1、.className:为元素设置一个新的class名字；
div1.className="xxx";
2、.style：为元素设置新的样式；
div1.style.backgroundColor="blue";
3、.style.cssText:为元素同时修改多个样式；
div1.style.cssText="width: px;height: px";
查看节点
1.tagname：获取节点的标签名；
2.innerHTML：设置或者获取节点内部的所有HTML代码；
3.innerText：设置或者获取节点内部的所有文字；
推荐阅读