如何获取某个标签里的所有子元素？

本帖最后由 fisherboy 于 2012-06-12 18:56:25 编辑

解决方案 »

  1.   

    <script type="text/javascript">
    function init(){
    var a=document.getElementsByTagName("a");
    for(var i=0;i<a.length;i++){
    a[i].innerHTML=i;
    }
    }
    window.onload=init;
    </script>
    这样？
      

  2.   

    他是要 var a=document.getElementsByID("mydiv");
    然后对 ID 内的 <a> 操作
      

  3.   

    <script type="text/javascript">
    function init(){
    var div=document.getElementById("mydiv");
    var a=div.getElementsByTagName("a");
    for(var i=0;i<a.length;i++){
    a[i].innerHTML=i;
    }
    }
    window.onload=init;
    </script>
    </head><body>
    <div id="mydiv">
    <a href="a">链接1</a>
    <a href="b">链接2</a>
    <a href="c">链接3</a>
    <a href="d">链接4</a>
    <a href="e">链接5</a>
    </div>
    <a href="">test</a>
    </body>
    那这样?
      

  4.   

    先说我不会啊 我只是瞎搀和楼上的没判定 <a> 归属于容器MYDIV吧
    比如这样的<div id="mydiv">
    <a href="a">链接1</a>
    <a href="b">链接2</a>
    <a href="c">链接3</a>
    <a href="d">链接4</a>
    <a href="e">链接5</a>
    </div>
    <div id="yourdiv">
    <a href="a">链接1</a>
    <a href="b">链接2</a>
    <a href="c">链接3</a>
    <a href="d">链接4</a>
    <a href="e">链接5</a>
    </div>
      

  5.   

        <div>
            <div id="mydiv">
                <a href="#">链接1</a>
                <a href="#">链接2</a>
                <a href="#">链接3</a>
                <a href="#">链接4</a>
                <a href="#">链接5</a>
            </div>
            <script type="text/javascript">
                function getATag() {
                    var arrA = document.getElementById('mydiv').getElementsByTagName('a');
                    for (var i = 0; i < arrA.length; i++) {
                        //判断是否为第一级节点
                        if (arrA[i].parentNode.id == 'mydiv') {
                            arrA[i].className = 'xxxx';
                        }
                    }
                }
                getATag();
            </script>
        </div>