getElementsByTagName( )方法

時間  2019-11-08
標籤 getelementsbytagname 方法 简体版
原文   原文鏈接 
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0">

    <style>

        div{ margin:0 auto;padding:0;  }
        a{ display:block;width:300px;line-height:20px;font-family:microsoft yahei;  }
    </style>
    <title></title>
</head>
<body>

<div id="demo2">
    <a>我是第 1 個&lt;a&gt;標籤</a>
    <a>我是第 2 個&lt;a&gt;標籤</a>
    <a>我是第 3 個&lt;a&gt;標籤</a>
    <a>我是第 4 個&lt;a&gt;標籤</a>
    <a>我是第 5 個&lt;a&gt;標籤</a>
    <a>我是第 6 個&lt;a&gt;標籤</a>
</div>
</div>
</div>
<script type="text/javascript">
    // 使用 getElementsByTagName() 方法得到 id="demo2" 的標籤內部的全部 <div> 標籤
    window.onload = function (){
                var arr = document.getElementById("demo2").getElementsByTagName("a");
                var len =arr.length;   //文本節點的總長度
                var str ="";   //  定義一個字符串表示要打印的標籤內容
                //獲得標籤的長度 而後打印出來

            for(var i=0;i<len;i++){
                    str += "第"+(i+1)+"個文本節點是："+arr[i].firstChild.nodeValue + "\n";
            }
            console.log(str);
    }
</script>
            </body>
            </html>

  註釋：  //  要得到不一樣標籤內的內容只須要修改
              //  var  arr = document.getElementById("demo2").getElementsByTagName("要修改的標籤名")



//方法二：
<script type="text/javascript">    // 使用  children  的用法    window.onload = function (){            var arr = document.getElementById("demo2").children;            var str ="";            for(var i=0;i<arr.length;i++){                    str += "第"+(i+1)+"個文本節點的內容"+ arr[i].firstChild.nodeValue +"\n";            }            console.log(str);    }</script>
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程