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

如何获取某个标签里的所有子元素?
HTML code

<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 这个外包对象,然后对这个对象 进行遍历,查找其包含的第一级子元素a。

所有的a。

然后对a 进行相关操作,比如设置a的className等。

------解决方案--------------------
HTML code
    <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>