JavaScript中document有哪些方法

在JavaScript中，document对象是非常重要的，它代表了整个HTML文档，提供了许多用于操作和获取文档信息的方法。下面将介绍一些常用的document方法。

1. 获取元素

• getElementById()：通过元素的id属性获取指定的单个元素。例如：

let element = document.getElementById('myId');

• getElementsByTagName()：根据标签名获取一组元素，返回一个HTMLCollection。例如：

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

• getElementsByClassName()：根据类名获取一组元素，返回一个HTMLCollection。例如：

let elements = document.getElementsByClassName('myClass');

2. 创建元素

• createElement()：用于创建一个新的HTML元素。例如：

let newDiv = document.createElement('div');

3. 插入元素

• appendChild()：将一个新的子节点添加到指定节点的末尾。例如：

let parent = document.getElementById('parentId');
let newChild = document.createElement('p');
parent.appendChild(newChild);

4. 修改元素

• innerHTML：用于获取或设置元素的HTML内容。例如：

let element = document.getElementById('myId');
element.innerHTML = '<p>新内容</p>';

5. 查找元素

• querySelector()：返回文档中匹配指定CSS选择器的第一个元素。例如：

let element = document.querySelector('.myClass');

• querySelectorAll()：返回文档中匹配指定CSS选择器的所有元素，返回一个NodeList。例如：

let elements = document.querySelectorAll('p');

6. 事件处理

• addEventListener()：用于为元素添加事件监听器。例如：

let button = document.getElementById('myButton');
button.addEventListener('click', function() {
    alert('按钮被点击了');
});

以上只是document对象的一些常用方法，实际上它还有很多其他有用的方法，熟练掌握这些方法可以让我们更方便地操作和控制HTML文档，实现各种丰富的交互效果和动态功能。