<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>DOM-nodes节点属性</title>
</head>
<body>
<div id="header"></div>
<!--ctrl+E == 快速打印-->
<div id="content">
<div id="left">左侧</div>
<div id="right">右侧</div>
</div>
<script type="text/javascript">
//DOM API
//childNodes
var content = document.getElementById("content");
console.log(content.childNodes[1]);
//childNodes为类数组 中括号 访问第二个类数组 子节点
console.log(content.childNodes.item(1));
console.log(content.parentNode);
// body--指向文档树中的父节点。
console.log(content.previousSibling);
// <TextNode textContent="\n "> ---兄弟节点中的前一个节点 空格 回车符
console.log(content.nextSibling);
//兄弟节点中的下一个节点
console.log(content.ownerDocument === document);
//console.log(document);
console.log(content.firstChild);
// childNodes列表中的第一个孩子节点
console.log(document.getElementById("header").hasChildNodes());
//先获取节点对象 再使用hasChildNodes方法检测 是否有孩子
/*
childNodes
属性,保存一个NodeList对象,NodeList是一种类数组对象用来保存一组有序的节点,NodeList是基于DOM结构动态执行查询的结果,DOM结构变化可以自动反应到NodeList对象中。访问时可以通过 [ ] 中括号访问,也可以通过item()方法访问。可以使用slice方法将NodeList转换为数组
var arr = Array.prototype.slice.call(nodes,0);
firstChild
childNodes列表中的第一个节点
lastChild
childNodes列表中的最后一个节点
ownerDocument
指向表示整个文档的文档节点。任何节点都属于它所在的文档,任何节点都不能同时存在于两个或更多个文档中。
document.body.ownerDocument == document;
*/
</script>
</body>
</html>
2-DOM-nodes节点属性
最新推荐文章于 2023-05-13 18:14:09 发布