在整个body中找到所有的注释（通过JS来操作节点寻找）

2016-04-20 10:09:02 639 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

[Javascript]：DOM概念、DOM操作元素、属性、文本节点详解 DOM全称是文档对象模型，是专门用于操作HTML/XML文档的API（应用程序接口）。DOM将文档看作一颗树，其中的每个成分都是对象，这些对象都看作是节点。可以将文档的一切都理解成节点对象。 DOM的组成部分介绍：文档、对象和模型 Document(文档)：当用浏览器打开一个页面文档时，这个文档就会被转成document对象，然后就可以调用了。后面会提到该对象的用法。 Object(对象)：DOM中的每个节点都是对象，通过对象的属性和方法就能够操作节点。 Model(模型)：DOM将整个文档阅读详情

新人第一次发问题帖，请前辈们多多关照
我想通过JS操作DOM节点来找到整个body里面的所有注释
类似下面这种操作：



var bodyElement = document.getElementsByTagName("body")[0];

for (var i=0; i<bodyElement.childNodes.length; i++) {

			if (bodyElement.childNodes[i].nodeType == 8) {

				alert(bodyElement.childNodes[i].nodeValue);

			}

}

但是这个只能找到body的子节点是注释的情况，
当然，就这样一直循环下去也可以找到body子节点的子节点是注释的情况，但是如果在很深的DOM节点里，用这种循环的方式就很不好书写。
所以我想到用递归来写
但是，关键来了！
我才初学这个，递归的思想我也只懂一点，所以完全写不出来啊

，所以来问问，希望有朋友可以解答下，感激不尽

。
还有，如果有什么更简单的方法可以提出来，可能我没有学到，但是我更想看看这个递归的写法

下面是html文档。



<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>Document</title>

</head>

<body>

	<div>

		<div>

			<div>

				<!-- note1 -->

			</div>

		</div>

		<div>

			<div></div>

		</div>

	</div>

	<div>

		<div>

			<p>

				<!-- note2 -->

			<p>

		</div>

		<div>

			<div></div>

		</div>

	</div>

	<!-- note3 -->

	<div>

		<div>

			<div></div>

		</div>

		<!-- note4 -->

		<div>

			<div></div>

		</div>

	</div>

</body>

</html>