javascript - DOM到底是什么？从 DOM 中获取的对象是什么？

Question

我知道一点 Javascript，最近开始尝试通过代码学院类(class)将其与 HTML 联系起来。在以下代码中:

function sayHello(name){
    document.getElementById("result").innerHTML = 'Hello ' + name + '!';
}

上面代码中的“文档”就是DOM？

这意味着 getElements 是文档的一个属性(函数)，而 innerHTML 是 getElements 函数的一个函数……对吗？

如果我没看错，DOM 对象怎么可能有 javascript 属性/函数？

Answer 1

文档是DOM

简答

是的，从某种意义上说，它是它的根源。

稍微长一点的回答

Document Object Model (DOM)是浏览器向 JavaScript 运行时公开的内容，以允许 JavaScript 代码操作页面(其节点和关联的元数据)。 document 是 DOM 的一部分。

DOM 如何拥有 JavaScript 属性

简答

他们没有。

稍微长一点的回答

DOM 实际上并不是在 JavaScript 中管理的(目前)。它通常由一个单独的引擎管理，用 C++ 或 Rust 等低级语言编写(在 Mozilla 的 Servo 项目中)。 JavaScript 运行时也是用低级语言编写的(同样，最有可能是 C++)并且 DOM 的某些属性暴露给 JavaScript 运行时如果它们是 native JavaScript 对象。事实上，它们不是使各种有趣的事情成为可能......并且通常使这些 DOM 对象成为可能 do not always behave as you would expect "real" JavaScript objects to behave (例如，IE 8 中的 typeof querySelectorAll 返回“object”，而不是人们合理预期的“function”)。