首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2012-06-15 
如何获取某个标签里的所有子元素?HTML codediv idmydiva hrefa链接1/aa hrefb链接2/a

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

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> 

热点排行