DOM

Document Object Model 文档对象模型

可对body里的选择器进行一系列操作

          如我们在body里写入<div id="div1"></div>

                                           <div class="div2"></div>

          想要改变里面的内容、样式、属性 就可以做以下操作

1、内容

innerText
innerHTML

              eg：

var div1 = document.getElementById("div1");

div1.innerHTML = "写点什么呢";                          （如果要识别比如换行<br/>,HTML可行，TEXT不可行不识别）
div1.innerText = "写今天学习的内容吧";
div1.innerText += "新增的内容";                             （会变成新填的内容，注意+=）

2、样式

Object.style.xxxxx = "???"

            eg: 改高、宽、背景色……

var div2 = document.getElementsByClassName("div2")[0];

div2.style.width = "100px";
div2.style.height = "100px";
div2.style.backgroundColor = "red"

……

3、属性

（1）设置属性   setAttribute("属性名","属性值")

（2）移除属性   removeAttribute("属性名")

           eg：

div2.setAttribute("hidden","hidden")             （hidden  隐藏）
div2.removeAttribute("hidden");