如何获取class的值

Question

我怎么样才能获取class的值也就是“tt”<ul id="list">
<li class="tt"></li>
<li></li>
<li></li>
</ul>
我是这么写的：document.getElementById("list").firstChild.className"但不能或得

Answer 1

document.getElementById( "list ").firstChild.getAttribute("className");
or:document.getElementById( "list ").firstChild.attributes("className").value;

Answer 2

最好先判断一下document.getElementById( "list ").firstChild的NodeType

Answer 3

IE与FF的DOM对空格的解析不一样。用DOM解析前，对结点作一些处理就可以了<ul id="list">
<li class="tt"></li>
<li></li>
<li></li>
</ul> 
<script language="javascript">
/**
  * 以下代码在IE下可以测试通过，在FF下无法通过
var list = document.getElementById("list");
alert(list.firstChild.className);
  */

//IE与FF对空格的处理不一致。
//以下代码清楚空格结点
var list = document.getElementById("list");
for (var i = list.childNodes.length - 1; i >= 0; i--)
{
if (typeof list.childNodes[i].tagName == "undefined")
{
list.removeChild(list.childNodes[i]);
}
}

alert(list.firstChild.className);
</script>