我想知道JavaScript中究竟是一个节点是什么?
与功能一样:
element.nodeType
row.parentNode.removeChild(row);
答案 0 :(得分:22)
更具体地说,"Node" is an interface由多个其他对象实现,包括" document"和"元素"。实现" Node"的所有对象界面可以类似地对待。术语"节点"因此(在DOM上下文中)表示实现" Node"接口。最常见的是表示HTML元素的元素对象。
答案 1 :(得分:6)
如果您有HTML文件,则可以看到它包含HTML元素,例如<p>
,<div>
,<section>
等。它还包含HTML注释,换行符,文字内容和HTML属性。 浏览器读取此HTML文件,并根据W3C HTML DOM标准,将HTML文档中的所有内容分解为单个节点。
<p>
,<div>
,<section>
等被视为“元素”节点,但注释是“注释”节点,“文本”对象是“文本节点”和第中断也被归类为“文本节点”。借助于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>
答案 2 :(得分:1)
节点位于DOM中,即文档对象模型。在DOM中,文档的所有部分(例如元素,属性,文本等)均以分层的树状结构进行组织;由父母和孩子组成。文档的这些各个部分称为节点。
最上面的节点是DOM树的根节点(文档节点),它具有一个子节点,<html>
元素,依此类推。
此外,元素内的文本内容是父元素的子节点,例如,“ Mobile OS”被视为包含它的<h1>
的子节点,依此类推。
HTML文档中的注释也是DOM树中的节点,即使它们不会以任何方式影响文档。
HTML属性(例如id,class,title,style等)也被视为DOM层次结构中的节点。
答案 3 :(得分:1)
(DOM的)节点是HTML页面中的元素,由浏览器呈现到屏幕上的“节点树”。它可以通过网络客户端程序(如JavaScript)进行访问和操作。