2 quzhi930221 quzhi930221 于 2016.09.08 09:09 提问

新人求解关于JS中DOM概念,来个大神帮忙解读下

《javascript高级程序设计》有这么一句话,DOM1级定义了一个Node接口,该接口将由DOM中的所有节点类型实现。这个Node接口在JAVASCRIPT中是作为Node类型实现的。
请问这两句话中几个实现怎么理解啊?

3个回答

weixin_36095529
weixin_36095529   2016.09.09 16:35
已采纳

DOM中所有内容都是节点。想要通过javascript改变DOM中的节点 你得清楚要改变的是谁? 因此你得选择改变的类型
<!DOCTYPE html>



Document





想要改变该 div 得知道是谁 这时候DOM提供了node接口 javascript根据node类型去找到要修改的节点
例如通过id这个属性节点(属性节点即是node类型的一种 一共包含标签节点 属性节点 文本节点等等)
var demo = document.getElementById("a")
showbo
showbo   Ds   Rxr 2016.09.08 11:20
Veggiel
Veggiel   2016.09.08 09:25

请看下面这个HTML文档:

 <html>
  <head>
    <title>DOM Tutorial</title> 
  </head> 
  <body> 
    <h1>DOM Lesson one</h1> 
    <p>Hello world!</p> 
  </body> 
</html>

上面所有的节点彼此间都存在关系。

除文档节点之外的每个节点都有父节点。举例,

和 的父节点是 节点,文本节点 "Hello world!" 的父节点是

节点。

大部分元素节点都有子节点。比方说,

节点有一个子节点: 节点。 节点也有一个子节点:文本节点 "DOM Tutorial"。

当节点分享同一个父节点时,它们就是同辈(同级节点)。比方说,

是同辈,因为它们的父节点均是

节点。

节点也可以拥有后代,后代指某个节点的所有子节点,或者这些子节点的子节点,以此类推。比方说,所有的文本节点都是 节点的后代,而第一个文本节点是

节点的后代。

节点也可以拥有先辈。先辈是某个节点的父节点,或者父节点的父节点,以此类推。比方说,所有的文本节点都可把 节点作为先辈节点。

Veggiel
Veggiel 回复quzhi930221: 那去看这个:http://wenku.baidu.com/link?url=cc-2MNWkj52D-6S6ouWOliJ_z61rjkfSLuTzRZGTFAJYsb7YZ8RBMfXGTg07Xqmwn2VdprhVxn4_cxtKOtCRdWSQB98BLcNdpYstUKMsIpi
接近 2 年之前 回复
quzhi930221
quzhi930221 这个我清楚,我只是不明白书中所说的node接口由所有节点类型实现和javascript中的node接口是由node类型实现的是什么意思?能讲讲吗
接近 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
【JavaScript】DOM(一)基本概念和节点
前言       还记不记得,在前面【JavaScript】基础知识初步认识一文中提到的针对XML、经过扩展用于HTML的应用程序编程接口——DOM。现在,是时候和它面对面了。本篇博客简单介绍DOM的组成。 DOM——文档-对象-模型        DOM(Document Object Model)文档对象模型,针对HTML和XML文档的应用程序接口。DOM描绘了一个层次化的节点树,运行开发人员...
虚拟DOM概念为我们带来的变化
从react 推出虚拟DOM概念,从VUE、avalon、angularjs、knockout 等等框架产生了巨大的影响。迫使他们进行大量的重构,大版本升级. 那很多人也想知道虚拟DOM主要是干嘛?估计很多在网上搜过知道大概的原理和作用。那如果让你去设计一个框架用它具体干些什么的时候。你知道怎么做? 我的理解:当你的框架有大量操作DOM或者频繁操作DOM的时候应该要考虑一下性能的影响,
一个简单游戏的程序
简单游戏的程序代码,大神们帮忙看看。简单游戏的程序代码,大神们帮忙看看。简单游戏的程序代码,大神们帮忙看看。简单游戏的程序代码,大神们帮忙看看。简单游戏的程序代码,大神们帮忙看看。
从八道面试题看JavaScript DOM事件机制
原文:https://segmentfault.com/a/1190000013894510#articleHeader0As we all know,事件机制其实很简单,无非冒泡和捕获这两点,笔者不再赘述,网上相关文章一大堆,下面让我们直接看面试题题目一到七,统一设置css.test2 { height: 50px; }题目一&amp;lt;div class=&quot;test1&quot;&amp;gt; &amp;lt...
在JS中什么是DOM,DOM的节点有哪些
 DOM DOM是Javascript操作网页的接口,全称叫文档对象模型(Document Object Model)。它的作用是将网页转化为一个Javascript对象,从而用Javascript脚本进行各种操作(比如增删元素等)。 浏览器会根据DOM模型,将结构化文档(比如Html或者xml等)解析成一系列的节点,再由这些节点解析成树状结构(Dom Tree),所有的节点和最终的
一般人不清楚的JavaScript概念
1. literal 2. IIFE 3. property and expando 4. mixin 5. shim and polyfill 6. SemVer
什么是DOM?DOM和JavaScript的关系[web开发]
什么是DOM? 文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式。我们最为关心的是,DOM把网页和脚本以及其他的编程语言联系了起来。 脚本开发人员可以通过文档对象的属性、方法和事件来掌控、操纵和创建动态的网页元素。每一个网页元素(一个HTML标签)都对应着一个对象
DOM(文档对象模型) 概念
DOM: Document Object Model 文档对象模型                主要用来将标记型文档(html,xml)封装成对象,并将标记型文档中的所有内容(标签、文本、属性等)都封装成对象                既然都封装成了对象,那么就可以通过这些对象很方便地操作这些文档内容,达到操作页面内容--页面显示。 DOM树中的几个名词:
jsconf 2016
JSConf.China.2016.-.RxJS.pptx一些关于 js RX 响应式编程的解读。
JavaScript DOM编程艺术第七章Ajax学习笔记
关于Ajax原理 本地file浏览不要用webkit核心浏览器,要用firefox。否则就要搭建服务器后通过http访问。今天学习了Ajax从本地文件获取文本。遇到了些问题,在网络上都找到了解决办法。