2-DOM-nodes节点属性


<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>
     
    <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); //  ---兄弟节点中的前一个节点 空格 回车符  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节点属性_第1张图片

你可能感兴趣的:(DOM(文档对象模型))