怎么获取某个标签里的所有子元素

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

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>

怎么获取某个标签里的所有子元素

相关推荐