HTML DOM 知识点整理（一）—— Document对象

标签：list   doc   active   div   bsp   方法   布尔   对象   rem   

一、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对象

标签：list   doc   active   div   bsp   方法   布尔   对象   rem   

原文地址：https://www.cnblogs.com/bbcfive/p/10041125.html