JavascriptHTMLDOM

每个网页都驻留在浏览器窗口中，该窗口可以视为对象。

Document对象具有引用其他对象的各种属性，这些属性允许访问和修改Document内容。

Document内容的访问和修改方式称为Document对象模型或 DOM 。对象按层次结构组织。

• Window object             - 层次结构的顶部。它是对象层次结构的最外层元素。

• Document object         - 每个加载到窗口中的HTML文档都成为一个文档对象，该文档包含页面的内容。

• Form object                 - <form> ... </form>标签中包含的所有内容都设置了form对象。

• Form control elements - 表单对象包含为该对象定义的所有元素，如文本字段，按钮，单选按钮和复选框。

这是一些重要对象的简单层次结构-

DOM兼容性

if (document.getElementById) {
   //If the W3C method exists, use it
} else if (document.all) {
   //If the all[] array exists, use it
} else {
   //Otherwise use the legacy DOM
}