document 的 TS 类型_document ts-CSDN博客

本文链接：https://blog.csdn.net/weixin_64684095/article/details/143280073

在 TypeScript 中，`document` 的类型是 `Document`。

`Document`接口代表整个 HTML 或 XML 文档。它提供了访问和操作文档内容的方法和属性。

一、属性

获取或设置文档的标题。

console.log(document.title);

返回文档的根元素，通常是 `<html>` 元素。可以通过这个属性访问和操作文档的根元素的属性和子元素。

const htmlElement = document.documentElement;

console.log(htmlElement.tagName); // 输出 "HTML"

返回文档的 `<body>` 元素。可以通过这个属性访问和操作文档主体的内容。

const bodyElement = document.body;

bodyElement.style.backgroundColor = "lightblue";

根据元素的 ID 属性值获取一个特定的元素。

const element = document.getElementById("myElement");

if (element) {

  console.log(element.textContent);

}

根据标签名获取一组元素。返回一个 `HTMLCollection`，可以通过索引访问其中的元素。

const elements = document.getElementsByTagName("p");

for (let i = 0; i < elements.length; i++) {

  console.log(elements[i].textContent);

}

创建一个新的指定标签名的元素。

const newDiv = document.createElement("div");

newDiv.textContent = "New div element";

document.body.appendChild(newDiv);