javascript中document对象的方法

JavaScript 中 document 对象的方法

document 对象在 JavaScript 中扮演着至关重要的角色，它提供了广泛的方法来访问和修改 HTML 文档。以下是 document 对象的一些常用方法：

1. getElementById(id)

获取具有指定 ID 的 HTML 元素。

立即学习“Java免费学习笔记（深入）”；

示例：

const element = document.getElementById('my-element');

2. getElementsByTagName(name)

获取具有指定标签名的 HTML 元素集合。

示例：

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

3. getElementsByClassName(name)

获取具有指定类名的 HTML 元素集合。

示例：

const elements = document.getElementsByClassName('my-class');

4. querySelector(selector)

使用 CSS 选择器查找第一个符合条件的 HTML 元素。

示例：

const element = document.querySelector('div.my-div');

5. querySelectorAll(selector)

使用 CSS 选择器查找所有符合条件的 HTML 元素。

示例：

const elements = document.querySelectorAll('p.my-paragraph');

6. createElement(name)

创建一个新的 HTML 元素。

示例：

const element = document.createElement('p');

7. removeChild(element)

从文档中移除一个 HTML 元素。

示例：

document.body.removeChild(element);

8. appendChild(element)

将一个 HTML 元素追加到文档中。

示例：

document.body.appendChild(element);

9. write(text)

在文档中写入文本。

示例：

document.write('Hello, world!');

10. writeln(text)

在文档中写入文本并换行。

示例：

document.writeln('Hello, world!');