style,class,加载顺序
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <meta name="author" content="Administrator" /> <!-- Date: 2013-10-09 --> <style type="text/css" media="screen"> .aa{ cursor: wait; color: #f00; } </style> <script type="text/javascript"> function clickD(obj){ //obj.style.color = "#f00"; //obj.style.cursor = "wait"; obj.className = "aa"; } </script> </head> <body> <div onclick="clickD(this)" style="cursor: pointer">点击了试一下</div> </body> </html>
这样的写法,不会覆盖style的cursor属性,以style中的属性为最后结果!
用注释中的写法,会覆盖掉style的属性! style,class,加载顺序
|