关键词：
【中文标题】Javascript中的节点是啥？【英文标题】：What is a node in Javascript?Javascript中的节点是什么？ 【发布时间】：2014-09-18 10:09:35 【问题描述】：我想知道 JavaScript 中的节点到底是什么？
在函数中：
element.nodeType
row.parentNode.removeChild(row);
【问题讨论】：
你会想了解一些关于 DOM 的知识。这个问题与之息息相关。 javascript 中没有 节点。然而，有代表 DOM 节点的 javascript 对象。 可能重复：***.com/questions/4976344/… 【参考方案1】：在这种情况下，“节点”只是一个 HTML 元素。 “DOM”是代表网站HTML的树形结构，每个HTML元素都是一个“节点”。见Document Object Model (DOM)。
更具体地说，"Node" is an interface 由多个其他对象实现，包括“文档”和“元素”。所有实现“节点”接口的对象都可以类似地对待。因此，术语“节点”（在 DOM 上下文中）表示任何实现“节点”接口的对象。最常见的是表示 HTML 元素的元素对象。
【讨论】：
这很奇怪：(div) instanceOf Node 返回 true，h2 instanceOf Node 在 Chrome 上返回 false @albanx 我在 Chrome 76 上没有得到这个结果。我猜你的代码有问题。 i.imgur.com/ck6fbhD.png 我正在尝试 chrome 开发控制台。单击一个 h2 元素并执行$0 instanceOf Node
@albanx 仍然无法复制 (i.imgur.com/CBoB4gL.png) - $0.__proto__ 为您打印什么？【参考方案2】：
节点位于 DOM 又名文档对象模型中。在 DOM 中，文档的所有部分，例如元素、属性、文本等，都以分层的树状结构组织；由父母和孩子组成。文档的这些单独部分称为节点。
最顶层的节点是DOM树的根节点（文档节点），它有一个孩子，<html>元素等等。
此外，元素内部的文本内容是父元素的子节点，例如“Mobile OS”被认为是包含它的<h1>的子节点，等等。
HTML 文档中的注释也是 DOM 树中的节点，即使它们不会以任何方式影响文档。
id、class、title、style 等 HTML 属性也被视为 DOM 层次结构中的节点。
【讨论】：
Document 节点有两个子节点（你说的一个）：第一个是<!DOCTYPE html>，第二个是html 元素。您可以通过输入 document.firstChild 来验证这一点【参考方案3】：
如果你有一个 HTML 文件，你可以看到它包含 HTML 元素，如 <p>、<div>、<section> 等。它还具有 HTML cmets、换行符、文本内容和 HTML 属性. 浏览器读取此 HTML 文件并根据 W3C HTML DOM 标准，将 HTML 文档中的所有内容分解为单独的节点。
<p>、<div>、<section> 等被视为“元素”节点，但 cmets 是“评论”节点，“文本”对象是“文本节点”&换行符也被归类为“文本节点”。借助 Javascript，我们可以访问节点树中的这些 DOM 节点。
永远记住一件事：每个 HTML 元素都是一个节点，但不是每个节点都是一个 HTML 元素。
运行此代码并在控制台中查看结果：
<div class="parent">
<div class="child"></div>
<!-- -->
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
</div>
<script>
var parent = document.querySelector('.parent')
console.log(parent.childNodes) // returns a list of all child nodes
console.log(parent.children) // returns a list of child **element** nodes only
</script>
【讨论】：
感谢您的回答。我学到了很多。以下是一些有价值的来源：1) JavaScript HTML DOM 2) HTML DOM childNodes Property 3) HTML DOM children Property。 注意：要“运行此代码”，请将其保存为文件，例如test.html，然后在浏览器中打开，例如Chrome。然后，按F12，或右键单击--> 检查，然后转到“控制台”选项卡。请注意，对于上面示例中的给定代码，此 html 页面将完全空白。这是意料之中的。初学者可能没有意识到这一点，所以我在这里说。【参考方案4】：
（DOM）节点是一个元素，来自您的 HTML 页面，由浏览器呈现到所述“节点树”并显示在屏幕上。它可以被 Web 客户端程序（如 JavaScript）访问和操作。
【讨论】：
【参考方案5】：我建议您将扩展添加到谷歌浏览器“HTML 树生成器”。这样您就可以轻松查看您访问或开发的每个页面的节点。
【讨论】：
JavaScript 中的 + 是啥？ [复制]
】JavaScript中的+是啥？[复制]【英文标题】：Whatis+inJavaScript?[duplicate]JavaScript中的+是什么？[复制]【发布时间】：2013-04-0610:52:33【问题描述】：第一部分：因为当您添加两个数组时，一切都按预期工作：[]+[]//output:\'\'添加一个数组... 查看详情
Collada 中的节点额外技术是啥？
】Collada中的节点额外技术是啥？【英文标题】：WhatisanodeextratechniqueinCollada?Collada中的节点额外技术是什么？【发布时间】：2018-05-0219:04:53【问题描述】：我正在解析1.4.1Collada（从Blender导出），我注意到在library_visual_scenes部分下... 查看详情
javascript中的[]+[]是啥
】javascript中的[]+[]是啥【英文标题】：Whatis[]+[]injavascriptjavascript中的[]+[]是什么【发布时间】：2012-02-1917:21:04【问题描述】：[]+[]、[]+、+[]、+的值是多少？怎么做？这是我的控制台日志>+>NaN>[]+[]>\'\'>+[]>0>[]+>[Objec... 查看详情
Javascript 中的 += 是啥？ [复制]
】Javascript中的+=是啥？[复制]【英文标题】：Whatis+=inJavascript?[duplicate]Javascript中的+=是什么？[复制]【发布时间】：2016-01-0215:33:46【问题描述】：例如在while循环中：while(i<10)text+="Thenumberis"+i;i++;它有什么作用？谢谢。【问题讨论... 查看详情
Javascript 中的“”是啥意思？ [关闭]
】Javascript中的“”是啥意思？[关闭]【英文标题】：Whatdoesthe""meaninJavascript?[closed]Javascript中的“”是什么意思？[关闭]【发布时间】：2017-02-1720:11:39【问题描述】：在javascript中，我们可以使用初始化一个变量。“”是什... 查看详情
是啥？ JavaScript 中的语法是啥意思？
】是啥？JavaScript中的语法是啥意思？【英文标题】：Whatdoesthe?.syntaxmeaninJavaScript?是什么？JavaScript中的语法是什么意思？【发布时间】：2020-06-0112:11:41【问题描述】：我在一个React项目中遇到了类似C#的代码。我无法确认此语法是... 查看详情
javascript中的“变量|| ”是啥？ [复制]
】javascript中的“变量||”是啥？[复制]【英文标题】：Whatdoes"variable||"injavascript?[duplicate]javascript中的“变量||”是什么？[复制]【发布时间】：2015-08-3110:26:54【问题描述】：我见过一些形式的代码：varvendorcode=vendorcode||;我... 查看详情
JavaScript 中的 ?: 语法是啥？ [复制]
】JavaScript中的?:语法是啥？[复制]【英文标题】：Whatisthe?:syntaxinJavaScript?[duplicate]JavaScript中的?:语法是什么？[复制]【发布时间】：2015-10-1703:53:35【问题描述】：下面一行是什么意思？T=($("#a.b").hasClass("active")?"C":"D");$("#a.b")... 查看详情
JavaScript 中的 define([ , function ]) 是啥？ [复制]
】JavaScript中的define([,function])是啥？[复制]【英文标题】：Whatisdefine([,function])inJavaScript?[duplicate]JavaScript中的define([,function])是什么？[复制]【发布时间】：2013-06-0118:44:24【问题描述】：我看到它一直在JavaScript中使用：define([\'param1\... 查看详情
Web.Config 中的 Assemblies 节点的用途是啥？
】Web.Config中的Assemblies节点的用途是啥？【英文标题】：WhatisthepurposeoftheAssembliesnodeinWeb.Config?Web.Config中的Assemblies节点的用途是什么？【发布时间】：2010-10-0613:14:51【问题描述】：在VisualStudio2005中创建新的ASP.NETAJAXWeb应用程序时... 查看详情
是啥 ！！ javascript中的运算符？ [复制]
】是啥！！javascript中的运算符？[复制]【英文标题】：Whatisthe!!operatorinjavascript?[duplicate]是什么！！javascript中的运算符？[复制]【发布时间】：2012-12-2921:01:36【问题描述】：可能重复：Whatisthe!!(notnot)operatorinJavaScript?Cansomeoneexplainth... 查看详情
为啥 XML 中的节点和元素不同？理由是啥？ [复制]
】为啥XML中的节点和元素不同？理由是啥？[复制]【英文标题】：WhyareNodesandElementsdifferentinXML?Whatwastherationale?[duplicate]为什么XML中的节点和元素不同？理由是什么？[复制]【发布时间】：2011-01-1213:10:09【问题描述】：一段时间以来... 查看详情
JavaScript 中的小数分隔符是啥？
】JavaScript中的小数分隔符是啥？【英文标题】：WhatisthedecimalseparatorsymbolinJavaScript?JavaScript中的小数分隔符是什么？【发布时间】：2010-01-1810:23:45【问题描述】：当我正在编写一段处理一些浮点值的JavaScript代码时，我突然想到了... 查看详情
Javascript 中的 !function 是啥意思？ [复制]
】Javascript中的!function是啥意思？[复制]【英文标题】：whatdoes!functioninJavascriptmean?[duplicate]Javascript中的!function是什么意思？[复制]【发布时间】：2012-03-0506:06:22【问题描述】：很抱歉发布此内容，但!function无法通过Google搜索，而且... 查看详情
在不使用表单的情况下，从 javascript 应用程序从节点服务器获取 JWT 令牌的最佳安全方法是啥？
】在不使用表单的情况下，从javascript应用程序从节点服务器获取JWT令牌的最佳安全方法是啥？【英文标题】：WhatisthebestsecurewaytogetaJWTtokenfromanodeserverfromajavascriptappwithoutusingaform?在不使用表单的情况下，从javascript应用程序从节点... 查看详情
JavaScript 中的“=>”是啥意思？ [复制]
】JavaScript中的“=>”是啥意思？[复制]【英文标题】：Whatdoes"=>"meaninJavaScript?[duplicate]JavaScript中的“=>”是什么意思？[复制]【发布时间】：2016-11-1905:03:10【问题描述】：代码如下：functionaccum(s)returns.split(\'\').map((x,in... 查看详情
这个条件在javascript中的含义是啥？
】这个条件在javascript中的含义是啥？【英文标题】：whatisthemeaningofthisconditioninjavascript?这个条件在javascript中的含义是什么？【发布时间】：2014-01-1314:50:55【问题描述】：这个条件在java脚本中是什么意思？它是如何工作的？functio... 查看详情
JavaScript 中的 32 位整数是啥？
】JavaScript中的32位整数是啥？【英文标题】：Whatis32-bitintegerinJavaScript?JavaScript中的32位整数是什么？【发布时间】：2018-05-1522:54:57【问题描述】：我在做一些编码挑战，遇到了一些我不太熟悉的东西。我更想知道它是什么以及它... 查看详情