HTML DOM（文档对象模型）是一种把 HTML 文档视为一个对象模型的标准，它定义了文档的结构，以及文档中元素的属性和方法。JavaScript 可以利用 HTML DOM 来操作 HTML 页面中的元素，从而实现动态网页效果。
获取 HTML 元素
JavaScript 可以通过以下几种方式获取 HTML 元素：
- document.getElementById()：通过元素的 id 进行获取；
- document.getElementsByName()：通过元素的 name 属性进行获取；
- document.getElementsByTagName()：通过元素的标签名进行获取；
- document.querySelector()：通过 CSS 选择器进行获取；
- document.querySelectorAll()：通过 CSS 选择器进行获取，可以获取多个元素。
操作 HTML 元素
JavaScript 可以对 HTML 元素进行以下操作：
- 修改元素的属性：通过对象.属性名的方式修改元素的属性，例如：document.getElementById("myP").innerHTML = "新文本"；
- 添加元素：通过 document.createElement() 方法来创建新的 HTML 元素，使用 appendChild() 方法将元素添加到文档中；
- 删除元素：通过 removeChild() 方法删除指定的 HTML 元素；
- 替换元素：通过 replaceChild() 方法替换指定的 HTML 元素；
- 添加事件处理程序：可以通过 addEventListener() 方法为指定的 HTML 元素添加事件处理程序，从而实现页面交互效果。
// 修改元素的属性
document.getElementById("myP").innerHTML = "新文本";
// 添加元素
var newDiv = document.createElement("div");
document.body.appendChild(newDiv);
// 删除元素
document.body.removeChild(newDiv);
// 替换元素
var newDiv = document.createElement("div");
document.body.replaceChild(newDiv, oldDiv);
// 添加事件处理程序
document.getElementById("myBtn").addEventListener("click", myFunction);
以上就是 JavaScript 中 HTML DOM 的基础知识场景，可以通过它实现动态网页效果，更好地为用户提供服务。