第十章—DOM(0)—NODE类型

DOM1定义了一个node接口，该接口由DOM的所有节点类型实现。

所有的节点都存在这样或那样的关系。在HTML中，head，body可以看出是html的子元素，html是head，body的父元素，而head，body互为同胞元素。

这里要注意一个概念：nodeList

输出：

如下例子：

 1 <div id="myDiv"> </div><!-- 此处有空格 -->2  <script>3     var div = document.getElementById('myDiv');4     var test = div.firstChild;5     if (test.nextSibling === null) {6         alert('good');//输出good7     }8     if (test.previousSibling === null) {9         alert('bad');//输出bad
10     }

操作节点

加入到文档中

 1     <style>2         #test {font-size: 20px;background: red;height: 100px;}3         #myDiv {color:red;}    4     </style>5 </head>6 <body>7   <ul id="test">8       <li>1</li><li>2</li><li>3</li>9   </ul>
10  <script>
11    var oul = document.getElementById('test');
12    var deep = oul.cloneNode(true);
13    alert(deep.childNodes.length);//7
14    oul.parentNode.insertBefore(deep,oul);
15    var shallow = oul.cloneNode(false);
16    alert(shallow.childNodes.length);//0
17    oul.parentNode.insertBefore(shallow,deep);
18
19  </script>

输出：

转载于:https://www.cnblogs.com/ydaimee/p/6753743.html

第十章—DOM(0)—NODE类型相关推荐

java创建node类型数据类型_[Java教程]js DOM Node类型
[Java教程]js DOM Node类型 0 2015-12-18 16:00:08 DOM(文档对象模型)是针对HTML和 DOM可以将任何HTML或以下面为例: My article Hell ...
从原型链看DOM－－Node类型
前言: 本系列从原型,原型链,属性类型等方面下手学习了DOM文档对象模型,旨在弄清我们在DOM中常用的每一个属性和方法都清楚它从哪里来要到哪里做什么事,这样对于理解代码有一定启发.全靠自己在总结中摸索 ...
java创建node类型数据类型_[Java教程]DOM基本点随笔:Node类型
[Java教程]DOM基本点随笔:Node类型 0 2016-03-24 21:00:05 如何访问保存在NodeList中的节点通过中括号访问:var firstChild = someNode. ...
DOM节点层次之Node类型
DOM1级定义了一个Node接口,该接口有DOM中的所有节点类型实现. 这个Node接口在javascript中是作为Node类型实现的 javascript中,所有节点类型都继承自Node类型,因此 ...
（JS基础）DOM：节点类型
Node 类型所有节点类型都继承于 Node 类型,因此所有节点类型都共享这相同的基本属性和方法. 基本属性和方法 nodeName :节点名.对于元素类型,则是元素的标签名(均为大写),如&quo ...
JavaScript高程第十章:DOM(上)
Node类型除了IE(该死的IE),其他所有浏览器都可以访问到Node类型,而JS中所有节点类型都继承自Node类型,因此所有节点类型都共享着相同的基本属性和方法. 每个节点都有一个nodeType ...
DOM Element节点类型详解
上文中我们讲解了 DOM 中最重要的节点类型之一的 Document 节点类型,本文我们继续深入,谈谈另一个重要的节点类型 Element . 1.概况 Element 类型用于表现 HTML 或 X ...
DOM判断节点类型分分钟搞定
小编和你一起解锁DOM判断节点类型的秘密 Let's GO ! ! ! Node对象中的nodeName获取指定节点的节点名称 Node对象中的nodeType获取指定节点的节点类型 nodeType ...
DOM是什么（DOM的节点类型）
学到DOM时,看到关于文档(结构树).节点(node).和DOM提供的一些方法获取(找到)所需的节点.还有DOM属性,我很混乱,我无法弄清节点的关系层级属性和方法的关系,所以在使用DOM之前我要先了解 ...

第十章—DOM(0)—NODE类型

第十章—DOM(0)—NODE类型相关推荐

最新文章

热门文章