javascript中document对象的方法

document 对象提供各种方法来访问和修改 html 文档，包括：获取具有指定 id 的元素（通过 getelementbyid）根据标签名获取元素集合（通过 getelementsbytagname）根据类名获取元素集合（通过 getelementsbyclassname）使用 css 选择器查找元素（通过 queryselector 和 queryselectorall）创建新元素（通过 createelement）从文档中移除元素（通过 removechild）将元素追加到文档中（通过

JavaScript 中 document 对象的方法

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

1. getElementById(id)

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

示例：

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('p.my-p');

登录后复制

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!');

登录后复制

以上就是javascript中document对象的方法的详细内容，更多请关注叮当号网其它相关文章！