当需要通过 HTML DOM 修改 HTML 内容时，可以使用元素的 innerHTML 属性。这个属性可以用来获取或设置元素的 HTML 内容。以下是一个示例，演示了如何使用 HTML DOM 修改 HTML 内容：
<!DOCTYPE html>
<html>
<head>
<title>Modify HTML Content</title>
</head>
<body>
<div id="myDiv">
<p>This is the initial content.</p>
</div>
<button onclick="changeContent()">Change Content</button>
<script>
function changeContent() {
// 获取需要修改内容的元素
var divElement = document.getElementById("myDiv");
// 修改内容
divElement.innerHTML = "<p>This is the updated content.</p>";
}
</script>
</body>
</html>
在这个示例中，当点击按钮时，changeContent() 函数被调用。在这个函数中，通过 document.getElementById("myDiv") 获取了 myDiv 元素，然后将其 innerHTML 属性设置为新的 HTML 内容。这样就实现了对 HTML 内容的修改。
请注意，innerHTML 属性允许你设置任意的 HTML 内容，但是要注意潜在的安全风险，特别是在用户提供的内容中包含有恶意脚本时。因此，应谨慎使用 innerHTML 属性，并尽量避免直接将用户提供的内容插入到页面中。