dom基本操作

在JavaScript中，DOM（Document Object Model）基本操作包括查询、创建、插入、删除和修改DOM元素。以下是一些基本操作的示例代码：

1. 查询元素：

var element = document.getElementById('elementId'); // 通过ID查询元素
var elements = document.getElementsByClassName('className'); // 通过类名查询元素
var elements = document.getElementsByTagName('tagName'); // 通过标签名查询元素

2. 创建元素：

var newElement = document.createElement('div'); // 创建一个新的div元素
newElement.innerHTML = 'Hello, World!'; // 设置元素内容

3. 插入元素：

var parentElement = document.getElementById('parentElementId');
parentElement.appendChild(newElement); // 将新元素添加到父元素的末尾

4. 删除元素：

var elementToRemove = document.getElementById('elementToRemove');
elementToRemove.parentNode.removeChild(elementToRemove); // 删除指定元素

5. 修改元素：

var elementToChange = document.getElementById('elementToChange');
elementToChange.innerHTML = 'New content'; // 修改元素内容
elementToChange.setAttribute('attributeName', 'newValue'); // 修改元素属性

这些是DOM操作的基础，可以根据需要进行更复杂的操作，例如处理事件、CSS样式等。