一个简单的关于div对象的问题

div.childNodes
nextSibling
等

解决方案 »

  1.   

    childNodes属性遍历子节点。<html>
    <body>
    <div id="div_panel">
    <a href="http://www.csdn.net">床上等你</a>
    <table><tr><td></td><tr></table>
    </div>
    <script type="text/javascript">
    var div_panel = document.getElementById("div_panel");
    var msg = "";
    for (var i = 0; i < div_panel.childNodes.length; i++) {
    msg += div_panel.childNodes[i].tagName + "\n";
    }
    alert(msg);
    </script>
    </body>
    </html>
      

  2.   

    var obj=document.getElementById("divid");
    for(var i=0; i<obj.childNodes.length; i++){
    obj.childNodes[i].className="bgcolor_"+i;
    }
      

  3.   

    childNodes,一般都用这个吧，不过你也可以试试element
      

  4.   

    childNodes这个我也知道，不过有兼容性问题和效率问题的。不同浏览哭下childNodes后产生的节点的数量和顺序都不同的。
    element没试过，我马上去试试。
      

  5.   

    根本没有element这一属性或方法。
      

  6.   

    childnodes比较方便的，想兼容不同的浏览器，就用jquery的选择器，可以吧div中的某一类元素筛选出来！或者你自己写两套，一套针对IE，一套针对FF做特殊过滤！
      

  7.   


    elements可以用，详细用法自己再找找，例：document.formAddMod.elements[0].value//取得第一个元素的值
      

  8.   

    虽然childNodes在不同浏览器不一样
    但是firstChild和nextSibling是一样的吧
      

  9.   

    而且IE和FF不同的也只用区分 nodeType 
      

  10.   

    elements不能拿到所有的，因为有些标签不属于element 还是childnodes能够拿到所有的
      

  11.   

    你确定firstChild和nextSibling是一样的？只有nodeType不同？我不知道你是从什么地方得出这种结论的。
    就我而言，同样的HTML代码，在FF，IE，OP下使用childNodes所得到的子节点数目是不同的。自然firstChild和nextSibling也会有差别。
    附上简单的HTML代码证实
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    <script type="text/javascript">
    window.onload=function (){
    alert(document.body.childNodes.length);
    }
    </script>
    </head><body>
    <p>p1</p>
    <div>div</div>
    <a href="">aaa</a>
    </body>
    </html>
      

  12.   

    document.formAddMod.elements[0].value不行啊，可以给段简单的代码吗？
      

  13.   

    http://www.w3school.com.cn/xmldom/dom_nodes_navigate.asp