在JavaScript中，可以使用DOM（文档对象模型） API来对HTML文档进行操作。DOM是一种树形结构，它将每个元素、属性和文本都视为节点，可以通过DOM API访问和修改这些节点。
可以使用以下关键字来操作DOM：
- document.createElement(tagName)：创建一个新的HTML元素。
- parentNode.appendChild(newNode)：将一个新的子节点添加到指定父节点的子节点列表的末尾。
- element.innerHTML：获取或设置一个元素的HTML内容。
- element.setAttribute(attrName, attrValue)：为元素设置属性。
- element.style.property = value：设置元素的CSS样式。
- element.addEventListener(event, function)：为元素添加事件监听器。
- document.getElementById(id)：根据元素的id属性获取元素。
- element.parentNode.removeChild(element)：从DOM中删除一个指定的子节点。
例如，如果要将一个新的div元素添加到body元素中：
// 创建一个新的div元素
var newDiv = document.createElement('div');
// 设置div的内容
newDiv.innerHTML = 'Hello, world!';
// 将div添加到body元素中
document.body.appendChild(newDiv);
这样就能够在HTML页面中动态添加一个新的div元素，并将其添加到body元素的末尾。
2023-05-24 03:00:43 更新