1. 获取元素
可以使用不同的方法获取HTML文档中的元素，比如通过ID、类名、标签名等。
// 通过ID获取元素
var myElement = document.getElementById('myId');
// 通过类名获取元素集合
var elementsByClass = document.getElementsByClassName('myClass');
// 通过标签名获取元素集合
var elementsByTag = document.getElementsByTagName('div');
2. 修改元素内容
可以通过DOM来修改元素的内容。
// 修改元素的文本内容
myElement.innerHTML = '新的内容';
// 修改元素的值（适用于表单元素）
myInputElement.value = '新的值';
3. 修改元素属性
可以通过DOM来修改元素的属性。
// 修改元素的属性
myElement.setAttribute('src', 'newimage.jpg');
4. 创建新元素
可以使用document.createElement创建新的元素，然后通过appendChild或者其他方法将其添加到文档中。
// 创建新的段落元素
var newParagraph = document.createElement('p');
// 设置新元素的文本内容
newParagraph.textContent = '这是新的段落。';
// 将新元素添加到文档中的某个元素内
document.body.appendChild(newParagraph);
5. 删除元素
可以使用removeChild方法删除文档中的元素。
// 删除指定元素
var elementToRemove = document.getElementById('toBeRemoved');
elementToRemove.parentNode.removeChild(elementToRemove);
6. 事件处理
可以使用DOM来处理各种事件，例如点击事件、鼠标移动事件等。
// 添加点击事件监听器
myElement.addEventListener('click', function() {
alert('元素被点击了！');
});
7. 修改样式
可以通过DOM来修改元素的样式。
// 修改元素的样式
myElement.style.color = 'red';
myElement.style.fontSize = '20px';
这些是基本的DOM HTML操作，通过这些方法和属性，你可以在JavaScript中动态地操作和更新HTML文档的内容和结构。
转载请注明出处：http://www.pingtaimeng.com/article/detail/12820/JavaScript