读书人

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

发布时间: 2012-06-15 19:37:05 作者: rapoo

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

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> 

读书人网 >JavaScript

热点推荐