JavaScript 是一門非常強大的編程語言，常用于網頁前端開發中，它可以通過操作網頁中的DOM來實現動態效果的展示。在 DOM 中，document 是 JavaScript 中最常用的對象之一，它可以用來訪問網頁的各種元素。

使用 document 可以實現很多有趣的效果，例如在頁面中插入元素，操作元素的樣式和屬性，以及獲取頁面中的內容等。下面我們就來看一些關于 JavaScript 的 document 對象的例子。

//獲取頁面中某個元素
const myElement = document.getElementById("my-element");
//修改該元素的背景顏色
myElement.style.backgroundColor = "red";
//檢查該元素是否含有某個類名
if(myElement.classList.contains("active")){
//執行一些操作
}
//向頁面中動態插入元素
const newElement = document.createElement("div");
newElement.innerHTML = "這是新的元素";
document.body.appendChild(newElement);

document 對象提供了很多實用的方法，可以方便地操作各種類型的元素。例如，對于表單元素，可以使用 document.forms 獲取所有的表單元素。另外，還可以通過 document.getElementsByTagName 和 document.getElementsByClassName 來獲取指定類型或 class 名稱的元素。

下面是一個關于文本框輸入驗證的例子。

const myForm = document.forms[0];
const myInput = myForm.querySelector("input[name='my-input']");
myInput.addEventListener("input", () =>{
if(myInput.value.length >= 6){
myInput.classList.remove("invalid");
myInput.classList.add("valid");
}else{
myInput.classList.remove("valid");
myInput.classList.add("invalid");
}
});

上述代碼通過監聽輸入框的 input 事件來實現輸入驗證，如果輸入的字數大于等于 6，則將輸入框的樣式設置為有效，否則將其設置為無效。

document 對象還可以用來訪問頁面中的 cookie，可以使用 document.cookie 獲取當前文檔的 cookie 信息。另外，也可以使用 document.location.href 來獲取當前頁面的 URL 地址。

總的來說，document 對象是 JavaScript 中非常重要的一個對象，它不僅提供了很多實用的方法，還可以方便地操作網頁中的各種元素，使得開發者可以輕松地實現各種動態效果。