- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
我对 DOM 节点有点困惑,主要是术语。
以前我认为 DOM 就是我在检查器中看到的,仅此而已。现在我知道诸如 document.createElement()
之类的函数可以创建 DOM 节点,这些节点将我的文档作为“上下文”,但不将文档作为“父”。 document.createElement()
是否创建“DOM 节点之外”?
这个词不是用词不当吗?根据我的理解,“节点”是“DOM 节点”或“HTML 元素”的同义词。当节点是 DOM 中的东西时,将某物称为“DOM 节点之外的节点”是不是不好命名?这个词似乎自相矛盾。
为了增加更多的困惑,还有一些新概念,如保留路径、分离的 DOM 节点、悬挂的 DOM 节点、影子 DOM、文档片段等。
这些术语中哪些是同义词?哪些是用词不当?哪些是实际规范(链接到规范的奖励)。
最佳答案
And isn't the term "out of DOM nodes" a misnomer?
没有。首先,当谈论关于 HTML 的“DOM”时,它指的是 HTML DOM。 A node can exist in the HTML DOM or not .节点(在我们现在谈论的意义上)只是可以构成或成为 DOM 一部分的最小的自包含部分。
因此,它可以存在于任何地方并且仍然是一个节点。如果发动机与汽车分离,它仍然是发动机。除非将其放在“正确”的位置,否则它不会非常有用。
A "node" is synonymous with a "DOM node" or "HTML Element", per my understanding.
一个节点可以被添加到 HTML DOM 并且它 CAN be a HTML Element , 但它 doesn't have to be .例如,在 HTML 中,文本节点也是一个节点。并且节点可以存在于 HTML 文档或 XML 文档或 RSS 文档或...
或者它可以是一个节点,它是一个 HTML 元素,但存在于 HTML DOM 之外,例如仅存在于内存中。动态创建节点时就是这种情况。
Isn't it bad naming to call something an "out of DOM node", when nodes are things in a DOM? The term seems self contradicting.
根据以上所述,不,不是。引擎仍然是引擎,节点仍然是节点。
To add further confusion, there are new concepts like retaining paths
“保留路径”与 DOM 无关,而与 JavaScript 有关。这意味着只要在任何地方仍有对变量/对象的引用,该对象就不会被垃圾回收。一旦“使用”该对象的所有方法/函数/DOM 元素都被垃圾回收,该对象也是如此。
它基本上只是关于垃圾收集/内存泄漏。它只涉及 DOM,因为 DOM 中的所有内容都在“使用”并且应该保留。
detached DOM nodes, hanging DOM nodes
“超出 DOM 节点”和“分离的 DOM 节点”是一回事,我猜是“悬挂的 DOM 节点”,尽管我从未听说过有人使用过。它们似乎都暗示节点已从 DOM 中移除,但仍通过 JavaScript 保留在内存中。
这些概念并不新鲜,JavaScript 已经这样做了很长时间。如果它们看起来很新,那是因为人们更多地谈论它们。
shadow DOM, document fragments, etc
这些在 HTML DOM 规范中有明确规定。一个快速的回答是 Shadow DOM 又是一个 JavaScript 东西,它是关于给你的元素一个 protected 范围以及将内容与渲染分开。看起来很困惑?这是因为这本身就是一个全新的问题,您真的应该仔细阅读。
一些帮助您入门的链接:
http://www.w3.org/DOM/
http://www.w3.org/TR/dom/
http://w3c.github.io/webcomponents/spec/shadow/
http://www.w3.org/TR/2014/REC-html5-20141028/
关于javascript - 什么是 "out of DOM"元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31227026/
关闭。这个问题是opinion-based .它目前不接受答案。 想要改进这个问题? 更新问题,以便 editing this post 可以用事实和引用来回答它. 关闭 6 年前。 Improve
Polymer的light DOM和local DOM有什么区别?来自文档(1): The DOM that an element creates and manages is called its
当内容添加到网页时,我需要触发一个 Action 。更新可能具有不同的性质(例如 AJAX、延迟脚本、用户操作)并且不受我的控制。 我想使用 DOM 突变事件,但它们并非在所有浏览器中都可用。是否有为
我刚遇到一个有趣的情况,我有一个提交 放置在 内的 native 自定义元素的 Shadow DOM 内. Select #shadow-root ...
假设有一个滚动列表,当我插入一些新的 DOM 附加到当前 dom 时,它工作正常。上拉 但是如果我之前插入一些新的 DOM,新的 DOM 将在视口(viewport)中,而旧的 DOM 将被下推。下拉
在我的项目中实现 Shadow DOM 是否会使它们像 React 使用的虚拟 DOM 一样更快? 最佳答案 它们是不同用途的不同事物,因此比较性能没有意义。 虚拟 DOM 虚拟 DOM 旨在避免对
在我的页面内容上,我将多张卡片组织成网格 __________________ | ____ ____ | | | | | | | | | | | |
是否可以在浏览器中看到(调试)从 DOM 元素触发的自定义事件? 假设我想查看 Bootstrap Collapse 的哪个特定元素触发了 show.bs.collapse event ,我能以某种方
我正在生成用于客户端的 XPaths 服务器端,我很困惑为什么在 DOM 中找不到表路径(即 td 中的内容)。 事实证明,现代浏览器(至少是 Chrome 和 Firefox)插入了 tbody在文
是否可以检索文本节点的几何位置(即从父元素、页面等的顶部/左侧偏移量)? 最佳答案 不是直接的。 TextNode 没有用于测量视口(viewport)定位的原始 IE 偏移*(和类似的)扩展。 仅在
以下语句中的 DOM 元素的含义是什么? Statement #1 You can add multiple classes to a single DOM element. Statement #2
有没有办法让 firebug(或任何其他浏览器,或使用任何其他工具)阻止任何 dom 操作的发生?有时布局调试充满悬停事件的屏幕是不可能的,因为元素可能会消失,并且您看不到它们的复合布局。 最佳答案
我需要在html文档中搜索 text here 然后输出完整的节点路径(CSS或XPATH) 例如 html > body > div class ="something" > table > tr
这是我的一个页面的典型加载时间如何拆分为:- Domain Lookup 0 0 % Connect 134 .3% Request
我的 .on() 工作时遇到一些问题。我的网站是here . 如果你看看 www.eliteweb-creation.co.uk/dev/js/nav.js,我正在 mouseenter 和 mous
我是 Javascript 的新手,负责将我们产品的 UI 从 YUI2 迁移到 YUI3。看起来哪里都没有迁移指南,所以我现在正在浏览互联网帖子和 yui 文档。 在我的全局范围内,我临时添加了类似
我想和实习生一起测试一些 DOM 相关的东西,不需要特定的固定装置,只是一般的 DOM 东西,比如我改变了 Element.prototype。这是否需要通过本地 Selenium 服务器(或 sau
我是 HTML 和 HTML5 的初学者。 当我阅读以下内容时 link ,我找到了术语 DOM 和 DOM API。我通读了维基百科,但无法理解其背后的全部思想。 谁能给我解释一下: 文档对象模型
我有两个主要问题。 Object 之类的扩展是否算数? 什么是 DOM 包装? http://perfectionkills.com/whats-wrong-with-extending-the-do
对不起查询,原型(prototype),雅虎 YUI,道场在考虑小的时候不吸引我。我想要一个模块化的库,代码尽可能小,最多 20Kb [un compressed] 是我所期望的。应该提供 Dom 操
我是一名优秀的程序员,十分优秀!