JavaScript是一種被大量使用的腳本語言，作為Web開發者，我們需要使用它來操控HTML和CSS來制作一個交互豐富的頁面，其中，document對象是我們最常用的對象之一，它可以讓我們去訪問并修改HTML元素。

首先我們來看看最基本的使用方法，document.getElementById()可以讓我們通過id來獲取HTML元素，例如：

<div id="example">這是一個例子</div>
<script>
const elem = document.getElementById('example');
console.log(elem.innerText); // 輸出 "這是一個例子"
</script>

這里我們讓JavaScript獲取到了id為example的div元素，并且使用了innerText屬性來獲取元素里的文本，這非常方便。除了getElementById()，還有其他很多類似的方法，如getElementsByTagName()可以獲取一組指定標簽名的元素，下面是一個例子：

<ul id="list">
<li>第一條</li>
<li>第二條</li>
<li>第三條</li>
</ul>
<script>
const elems = document.getElementsByTagName('li');
for (let i = 0; i < elems.length; i++) {
console.log(elems[i].innerText);
}
</script>

這里我們使用了getElementsByTagName()，把HTML元素li全部取出來并打印出了它們的innerText。

除了上面提到的方法，還有很多其他的document方法，如getElementByClassName()可以獲取一組指定類名的元素，querySelector()可以讓我們使用CSS選擇器來獲取元素，以及一些能夠訪問和修改元素樣式、屬性、內容等方面的方法。

除了取出元素，document還可以創建新的元素和節點，如createElement()可以創建一個新的元素，例如：

<div id="example"></div>
<script>
const elem = document.createElement('p');
elem.innerText = '這是一個段落';
document.getElementById('example').appendChild(elem);
</script>

這里我們通過createElement()方法創建了一個新的p元素，并且通過appendChild()把它添加到了id為example的div元素中。這種方法非常實用，可以讓我們快速地動態地創建頁面元素。

document還有很多其他的方法，如：createTextNode()可以創建一個新的文本節點，getAttribute()可以獲取元素的屬性值，dataset屬性可以讓我們獲取和修改自定義的data-屬性，還有很多其他的方法，可以根據需要來使用。

總的來說，document對象是非常強大和靈活的，我們可以使用它來訪問和修改頁面上的所有元素和內容，這對于實現交互性強而又復雜的頁面非常重要。在使用document方法時，我們需要注意性能和頁面渲染效果，避免做出一些過多或過于頻繁的操作。