在JavaScript中，document是一個非常重要的對象，它代表了當前正在瀏覽器中顯示的頁面。在頁面加載后，JavaScript可以通過document對象來訪問并操作該頁面的所有元素和屬性。
例如，可以使用document.getElementById()來獲取指定ID的元素，例如：
<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
</head>
<body>
<h1 id="title">Hello World</h1>
<p id="text">This is a paragraph.</p>
<script>
var title = document.getElementById("title");
var text = document.getElementById("text");
title.innerHTML = "New Title";
text.style.color = "red";
</script>
</body>
</html>在上面的例子中，我們使用document.getElementById()獲取了頁面上ID為title和text的元素。然后，我們可以使用innerHTML和style屬性來分別修改該元素的文本內容和樣式。
除了getElementById()外，document對象還有很多其他有用的方法和屬性。例如，可以使用document.write()來在頁面中添加動態內容：
<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
</head>
<body>
<script>
document.write("<p>This is dynamic content!</p>");
</script>
</body>
</html>使用document對象，我們還可以訪問頁面的各種屬性，例如頁面的URL、標題、DOM樹等。以下是一些常用的document屬性：
- document.URL：獲取當前頁面的URL
- document.title：獲取或設置當前頁面的標題
- document.cookie：獲取或設置當前頁面的cookie
- document.body：獲取頁面body元素
- document.head：獲取頁面head元素
- document.documentElement：獲取HTML元素
在JavaScript中，訪問或修改頁面元素和屬性的操作在很大程度上依賴于document對象。了解如何使用document對象可以使您的JavaScript編程更加高效和靈活。
上一篇css旋轉90度坐標
下一篇css無線旋轉360度