练习：取标签子节点，并输出NodeName&NodeType&NodeValue

最新推荐文章于 2022-04-07 10:10:04 发布

海边拾贝seebit

最新推荐文章于 2022-04-07 10:10:04 发布

阅读量592

点赞数

分类专栏： Web前端

本文链接：https://blog.csdn.net/Ada_yangyang/article/details/81278915

版权

Web前端专栏收录该内容

54 篇文章 1 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<meta http-equiv="content-Type" content="text/html; charset=utf-8"/>
<head>
    <title>取标签子节点，并输出NodeName&NodeType&NodeValue</title>
    <script type="text/javascript">
        function getChildInfo(){
            var bjNode=document.getElementById("bj");
            var childs=bjNode.childNodes;//找bj节点下的所有子节点
            for(var i=0;i<childs.length;i++){
                var cnode=childs[i];//取具体的一个子节点
                alert(cnode.nodeType+","+cnode.nodeName+","+cnode.nodeValue);
            }
        }
    </script>
</head>
<body>
<ul>
    <li id="bj" value="beijing">
        北京
        <h1>海淀</h1>
        奥运
    </li>
    <li id="sh" value="shanghai">
        上海
    </li>
    <br/>
    <input type="button" value="li取值" onclick="getChildInfo()"/>
</ul>
</body>
</html>

海边拾贝seebit

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
练习：取标签子节点，并输出NodeName&NodeType&NodeValue

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;&lt;html&gt;&lt;meta http-equiv="content-Type" content="text/html; charset=utf-8&q
复制链接

扫一扫