【JavaScript】js控制样式

网页的三个层次简单理解：

结构：html标签样式：css样式表行为：js及其扩展

JS控制样式：

1.找准对象     document.getElementById("");找出id为“123”的元素     document.getElementByClassName("123")[0];找出所有class为“123”的第一个元素       document.getElementByTagName("div")[0];找出所有标签名为“div”的元素因为类名称和标签名称都是不唯一的 所以要在后面写上具体的第几个。2.设置样式：    document.getElementById("divBg").style.width="200px";    style意思就是style样式。    width意思就是style样式里面的width属性。    200px意思就是width属性的值。

仿照如上所示的方法，我们可以更改很多内容。

在CSS中 我们写的

    #divBg{backgroundcolor:red;};

相应的在js中写成

    document.getElementById("divBg").style.backgroundColor="red";

如此而已。简单明了。