<!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 個<a>標籤</a>
<a>我是第 2 個<a>標籤</a>
<a>我是第 3 個<a>標籤</a>
<a>我是第 4 個<a>標籤</a>
<a>我是第 5 個<a>標籤</a>
<a>我是第 6 個<a>標籤</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>