JavaScript中的Document文档对象

JavaScript中的Document文档对象是指代表整个HTML文档的对象，它包含了HTML文档的所有内容，如标签、文本、属性等等。它是所有网页DOM的顶级容器，JavaScript可以通过该对象来获取和修改所有的HTML元素以及其内容和属性。

Document对象的常用属性与方法

常用属性

• document.title：表示HTML页面的标题。

例子：

document.title = "新页面标题";

常用方法

• document.getElementById(id): 根据id属性获取HTML元素。

例子：

const elem = document.getElementById("my-id");
elem.innerText = "这是修改后的文本";

• document.getElementsByClassName(className): 根据class属性获取HTML元素集合。

例子：

const elems = document.getElementsByClassName("my-class");
for (let i = 0; i < elems.length; i++) {
  elems[i].style.color = "red";
}

获取HTML元素方法的注意事项

• 为HTML元素添加ID和class属性，以便更方便获取和操作元素。
• 在HTML元素尚未加载时，获取元素将返回null，此时需要在页面加载完毕后再获取元素。

总之，Document对象在JavaScript中非常重要，涵盖了整个HTML文档。通过它，可以方便地获取和修改HTML元素以及元素属性。我们要好好掌握它的常用属性和方法，以便更加灵活地操作HTML文档。