日期:2014-05-16  浏览次数:20421 次

javascript的节点问题
JScript code
<script type="text/javascript">
    //<![CDATA[

    //获取h1元素节点
    var h1 = document.getElementsByTagName('h1')[0];
    //获取h1元素节点下面的第一个子节点
    document.write("<h1>" + h1.firstChild.nodeName + "</h1>");
    //获取h1元素节点下面的最后一个子节点
    document.write("<h1>" + h1.lastChild.nodeValue + "</h1>");
    //获取strong元素节点与文本节点的父级元素节点
    document.write("<h1>" + h1.firstChild.parentNode.nodeName + "</h1>");
    document.write("<h1>" + h1.lastChild.parentNode.nodeName + "</h1>");
    document.write("<h1>" + h1.childNodes[0].nodeValue + "</h1>");    
    //获取strong元素标签的第一个子节点与最后一个子节点
    document.write("<h1>" + h1.firstChild.firstChild.nodeValue + "</h1>");
    document.write("<h1>" + h1.firstChild.lastChild.nodeValue + "</h1>");
</script>


这里的第一行代码,中寻找h1节点时,为什么要加[0]



------解决方案--------------------
探讨
document.getElementsByTagName() 返回值是一个数组 [0]表示第一个<h1>