javascript中style,与class有什么区别？

来源：百度知道 编辑：UC知道 时间：2024/06/05 21:25:49
有点不清楚

举个例子：
test.html
<html>
......
<link rel="stylesheet" type="text/css" href="style.css" />
......
<div id="div1" style="border-top: red 1px solid;">
<div id="div2" class="divClass">
......
</html>
-------------------------------
style.css
div.divClass{
border-top: red 1px solid;
}
-------------------------------

上边的两个div的样式是相同的
style是HTML中直接定义样式，class可用于引用定义好的css类(class)，实现重用等。

另外，在JS中，style就是用style关键字来使用
上例中是document.getElementById("div1").style
class要使用className关键字来使用
上例中是document.getElementById("div2").className

style是html元素的一个属性，在这里可以直接设置元素的样式，class也是一个属性，但它是通过预定义的样式使元素应用样式的。比如：div .box {width:80%;} 那么只要div的class引用了这个box那它的宽度就是父级容器的80%宽。

之前回答的不完善，还有一个区别。就是style的优先级高于class。也就是说在style和class同时定义一种样式时，页面选择展示的是style中的样式。举例如下：
<style&