大龙的博客

常用链接

统计

最新评论

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

举个例子: 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%宽。 



posted on 2011-07-06 21:49 大龙 阅读(912) 评论(0)  编辑 收藏 引用


只有注册用户登录后才能发表评论。
【推荐】超50万行VC++源码: 大型组态工控、电力仿真CAD与GIS源码库
网站导航: 博客园   IT新闻   BlogJava   知识库   博问   管理