一、DOM对象
DOM对象整体包括：
- HTML DOM Document对象
- HTML DOM 元素对象
- HTML DOM 属性对象
- HTML DOM 事件对象
- HTML DOM Console 对象
- CSS Style Declaration 对象
二、 Document对象详解
HTML DOM Document对象
document对象是HTML文档的根节点，可以使我们从脚本中对HTML页面中的所有元素进行访问。
提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。
三、Document对象的属性和方法：
1.document.activeElement 属性
var x = document.activeElement.tagName;console.log(x); //BUTTON
提示： 为元素设置焦点，可以使用 element.focus() 方法。
function getfocus() { ????document.getElementById("myAnchor").focus();}function losefocus() { ???document.getElementById("myAnchor").blur();}提示：可以使用 document.hasFocus() 方法来查看当前元素是否获取焦点。hasFocus() 方法返回布尔值，用于检测文档(或文档内的任一元素)是否获取焦点。
2.document.addEventListener(event, function, useCapture) 方法
document.addEventListener() 方法用于向文档添加事件句柄。
提示： 可以使用 document.removeEventListener() 方法来移除 addEventListener() 方法添加的事件句柄。
提示：使用 element.addEventListener() 方法为指定元素添加事件句柄。
HTML DOM 知识点整理（一）—— Document对象
原文地址：https://www.cnblogs.com/bbcfive/p/10041125.html