document 的 TS 类型

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

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

一、属性

1. `document.title`

获取或设置文档的标题。

console.log(document.title);

2. `document.documentElement`

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

const htmlElement = document.documentElement;

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

3. `document.body`

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

const bodyElement = document.body;

bodyElement.style.backgroundColor = "lightblue";

二、方法

1. `document.getElementById(id)`

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

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

if (element) {

  console.log(element.textContent);

}

2. `document.getElementsByTagName(tagName)`

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

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

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

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

}

3. `document.createElement(tagName)`

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

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

newDiv.textContent = "New div element";

document.body.appendChild(newDiv);

猜你喜欢

转载自blog.csdn.net/weixin_64684095/article/details/143280073