js隐藏某个div（Javascript中style和class）

定义的某个标签aaa的具体某个bbb属性变成ccc

aaa.style.bbb.=ccc；第二种是在style中首先以class选择器将要更改的样式写好，然后在script的函数中将某个标签的class进行更改。两种方法都有各自的好处，但是关键点在于两个不能混着用。看下面这个例子。做一个简单的通过点击“显示”和“隐藏”按钮，对下面一个红色的div进行控制。

通过点击button进行显示和隐藏

.hide和.show分别是两个class，在点击时切换调用

html布局

在点击显示时，是通过改变div的样式进行显示；在点击隐藏时，是通过div的class进行隐藏。

下面我们来看运行情况，区分有何不同。

页面加载，默认为隐藏。

页面加载进来，首先class是hide，是隐藏的

点击显示按钮，让div显示

此时注意div后出现style=display：block

再点击隐藏按钮，此时无论怎么点，div都不会隐藏了。为什么会出现这样的情况，因为两者套用在一起，在div中，style的权重值要大于class，在使用style后，用class无法对其进行同类样式的更改。如果在button显示和隐藏的点击函数调用中，都用style或者分别附上不同的class就可以改变这种情况了。

这是一点个人总结，如有不足，还请指正。☺☺☺☺☺☺☺☺