文件对象模型

Question

问题很简单，但令我感到困惑的是，当我console.log（document.body）或（document.head）都可以正常工作时，但是当我使用document.script或document.html时，这两个都不能正常工作吗？ 尽管所有这些东西都在文档中？

Q2）我可以写

 document.getElementById('something') 

但是为什么我不能写

 document.body.getElementById('something') 

尽管body在文档中，并且元素也在body标签中，但有时document.body在脚本的不同阶段工作

Answer 1

getElementById是document上的方法， document是使用DOM中的Document接口的对象。 它不是元素上的方法（来自DOM的Element接口，以及来自HTML的HTMLElement接口的专门化）。 document.body是一个元素（一个HTMLBodyElement ，这是一个HTMLElement ，这是一个Element ），而不是文档。

有些方法（如querySelector ）都在这两种方法document 和元素，因为它是有道理的，他们是（一个元素上， querySelector不仅外观元素中，而不是整个文件）。 但是getElementById不是。 （可能是这样，但是当ID在整个文档中是唯一的时，将其范围限定为一个元素会有点奇怪。）