//为什么下面的代码,仅能取到id的值,却取不到class的值呢?
<title>无标题文档</title>
<script type="text/javascript">
function abc()
{
var x = document.getElementById('div1').id;
var y = document.getElementById('div1').class;
alert(x);
alert(y);
}
</script></head>
<body><a href="#" id="div1" class="div2" style="color:#000;" onclick="abc()">
我是超链接
</a></body>
</html>

解决方案 »

  1.   

    var y = document.getElementById('div1').getAttribute("class");
      

  2.   

    var y = document.getElementById('div1').className;
      

  3.   

    谢谢楼上的。那么如何取得style的值呢?
      

  4.   

    在用JavaScript去HTML元素的class属性时;此时的Html的class对应于document.getElementById()方法所取得Dom对象的className属性;所以应该是:
    var y = document.getElementById('div1').className;才对!
      

  5.   

    var y = document.getElementById('div1').className;
      

  6.   

    var z = document.getElementById('div1').getAttribute("style");
      

  7.   

    class在JavaScript中叫className,因为class在js中是保留字