JavaScript DOM 对元素进行的操作

DOM（Document Object Model）是一种用于访问和操作HTML和XML文档的编程接口。JavaScript通过DOM提供的方法和属性可以对网页的元素进行各种操作，比如修改元素的内容、样式、属性等。

下面是一些常见的对DOM元素的操作以及相应的代码示例：

1. 获取元素 使用document.querySelector()或document.querySelectorAll()方法来获取元素。querySelector()返回匹配指定CSS选择器的第一个元素，querySelectorAll()返回匹配指定CSS选择器的所有元素。

const element = document.querySelector('.className'); // 通过类名获取元素
const elements = document.querySelectorAll('p'); // 获取所有的 p 元素

1. 修改元素内容 使用元素的innerHTML属性可以获取或设置元素的HTML内容，使用innerText或textContent属性可以获取或设置元素的纯文本内容。

const element = document.querySelector('.className');
element.innerHTML = '<strong>新的内容</strong>'; // 设置元素的HTML内容
const content = element.innerHTML; // 获取元素的HTML内