<div>標簽在HTML中是用來創建一個容器，用于包裹其他HTML元素，將它們分組并且可以通過CSS進行樣式控制。而<script>標簽是用于引入外部的腳本文件或者直接在HTML頁面中編寫JavaScript代碼。在實際開發中，我們經常會使用<div>標簽與<script>標簽結合使用，將JavaScript代碼嵌入到<div>中來實現一些特定的功能。
下面我們通過幾個代碼案例來詳細解釋<div>與<script>標簽的使用方法和功能。
案例一：
案例二：
通過以上兩個案例，我們可以看出<div>與<script>標簽的結合使用，可以使我們更加靈活地控制HTML元素的顯示與行為。無論是動態地修改元素內容，還是動態地添加樣式，都可以通過這種方式實現，為我們的Web開發帶來了更多的可能性。
下面我們通過幾個代碼案例來詳細解釋<div>與<script>標簽的使用方法和功能。
案例一：
<!DOCTYPE html>
<html>
<head>
<title>div與script標簽案例</title>
</head>
<body>
<div id="example"></div>
<script>
// 在<script>標簽中編寫JavaScript代碼
var div = document.getElementById("example");
div.innerText = "這是一個使用<script>標簽嵌入的示例。";
</script>
</body>
</html>在這個案例中，我們創建了一個空的<div>元素，并設置了一個id屬性為"example"。在<script>標簽中，我們使用document.getElementById()方法獲取到這個<div>元素，并使用innerText屬性來設置其顯示的文本內容。通過這種方式，我們可以在頁面加載完成后，通過JavaScript動態地修改<div>的內容。案例二：
<!DOCTYPE html>
<html>
<head>
<title>div與script標簽案例</title>
<style>
.highlight {
background-color: yellow;
}
</style>
</head>
<body>
<div id="example">這是一個需要動態添加樣式的<div>。</div>
<script>
// 在<script>標簽中編寫JavaScript代碼
var div = document.getElementById("example");
div.classList.add("highlight");
</script>
</body>
</html>在這個案例中，我們通過使用<script>標簽中的JavaScript代碼，為一個<div>元素動態添加了一個CSS樣式類。我們通過document.getElementById()方法獲取到這個<div>元素，然后使用classList.add()方法為其添加了一個名為"highlight"的樣式類。這樣，<div>元素就會擁有.highlight樣式類所定義的樣式，進而實現了動態添加樣式的效果。通過以上兩個案例，我們可以看出<div>與<script>標簽的結合使用，可以使我們更加靈活地控制HTML元素的顯示與行為。無論是動態地修改元素內容，還是動態地添加樣式，都可以通過這種方式實現，為我們的Web開發帶來了更多的可能性。