码迷,mamicode.com
首页 > 其他好文 > 详细

test3

时间:2018-06-13 14:39:14      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:div   source   text   htm   parent   charset   child   pre   char   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>
        <div class="c1">asdf</div>
        <div class="c1" id="i1">
            <div name="n1">11</div>
            <div name="n1">
                <a>1</a>
                <a>11111</a>
            </div>
        </div>
        <div class="c1">asdf</div>
    </div>
    <!--js代码-->
    <script>
        var i1 = document.getElementById(‘i1‘);
        //包含文本信息和标签信息
        var p1_text = i1.parentNode;
        //只包含标签信息
        var p1 = i1.parentElement;

        // 获取包含文本和标签信息的集合
        var eles_node = p1_text.childNodes;
        // 循环遍历,筛选出所有的标签
        for(var j=0;j<eles_node.length;j++){
            var current_node = eles_node[j];
            if(current_node.nodeType == 1){
                console.log(current_node)
            }
        }

        // 获取只包含标签信息的集合
        var eles = p1.children;
        // 循环遍历,筛选出所有标签
        for(var i=0;i<eles.length;i++){
            console.log(eles[i])
        }
    </script>
</body>
</html>

test3

标签:div   source   text   htm   parent   charset   child   pre   char   

原文地址:https://www.cnblogs.com/jhw5206/p/9176896.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!