您现在的位置是: 首页 » 网页代码 » JavaScript中childnodes是什么意思
网页代码

JavaScript中childnodes是什么意思

网站优化小编一月 1, 2020 18人已围观

childnodes是JavaScript中的一个HTML DOM属性;childNodes返回的是节点的子节点集合,包括元素节点、文本节点还有属性节点。

网站运营中栏目排名优化技巧

childNodes 属性,标准的,它返回指定元素的子元素集合,包括HTML节点,所有属性,文本。

语法:

element.childNodes

返回值:NodeList 对象,表示节点集合。

说明:元素中的空格被视为文本,而文本被视为节点。

示例:获得 body 元素的子节点集合:

<!DOCTYPE html>
<html>
	<head>
		<meta charset=" utf-8">
	</head>
	<body>
		<p id="demo">请点击按钮来获得 body 元素子节点的相关信息。</p>
		<button onclick="myFunction()">试一下</button>
		<script>
			function myFunction() {
				var txt = "";
				var c = document.body.childNodes;
				for(i = 0; i < c.length; i++) {
					txt = txt + c[i].nodeName + "<br>";
				};
				var x = document.getElementById("demo");
				x.innerHTML = txt;
			}
		</script>
	</body>

</html>

效果图:

网站运营中栏目排名优化技巧

我们可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才是元素节点,2是属性节点,3是文本节点。

有时候需要获取指定元素的第一个HTML子节点(非属性/文本节点),最容易想到的就是firstChild 属性。代码中第一个HTML节点前如果有换行,空格,那么firstChild返回的就不是你想要的了。可以使用nodeType来判断下。

function getFirst(elem){
    for(var i=0,e;e=elem.childNodes[i++];){
        if(e.nodeType==1)
            return e;
    }      
}

浏览器支持

网站运营中栏目排名优化技巧

文章评论

    发表评论

    电子邮件地址不会被公开。

站点信息
  • 站点运行:263天
  • 网站程序:Wordpress
  • 主题模板:bvseo
  • 文章统计:3909 条
  • 文章评论:104 条
  • 微信公众号:扫描二维码,关注我们