div中套js
<span class="highlight">在開發網頁時，我們經常會使用div元素來劃分頁面的不同區塊。而如果需要在這些div中嵌入JavaScript代碼，可以通過在div的內容中使用 script 標簽來實現。div中套js是一種在HTML文檔中嵌入JavaScript代碼的方式。</span>
下面我們將通過幾個代碼案例來詳細解釋div中套js的使用方法。
代碼案例1：簡單的div中套js
<!DOCTYPE html>
<html>
<body>
<br>
<div id="myDiv"></div>
<br>
<script>
document.getElementById("myDiv").innerHTML = "Hello, World!";
</script>
<br>
</body>
</html>在上述代碼案例中，我們定義了一個空的div元素，并通過JavaScript代碼將其內容修改為"Hello, World!"。這是一個非常簡單的例子，但它展示了如何在div中嵌入JavaScript代碼。
代碼案例2：使用事件監聽器
<!DOCTYPE html>
<html>
<body>
<br>
<button onclick="changeText()">點擊我</button>
<div id="myDiv"></div>
<br>
<script>
function changeText() {
document.getElementById("myDiv").innerHTML = "文本已被修改";
}
</script>
<br>
</body>
</html>在上述代碼案例中，我們添加了一個按鈕，并為其設置了一個 onclick 事件監聽器。當用戶點擊按鈕時，JavaScript代碼將會被執行，從而修改div中的文本內容為"文本已被修改"。
代碼案例3：動態創建div并嵌入js
<!DOCTYPE html>
<html>
<body>
<br>
<button onclick="createDiv()">點擊我</button>
<br>
<script>
function createDiv() {
var newDiv = document.createElement("div");
newDiv.innerHTML = "我是動態創建的div";
document.body.appendChild(newDiv);
}
</script>
<br>
</body>
</html>在上述代碼案例中，我們創建了一個按鈕，并為其設置了一個 onclick 事件監聽器。當用戶點擊按鈕時，JavaScript代碼將會被執行，從而創建一個新的div元素，并將其添加到body元素中。新的div元素的內容為"我是動態創建的div"。
通過以上幾個代碼案例，我們可以清楚地了解到如何在div中嵌入JavaScript代碼。在開發網頁時，div中套js是一個非常常用和方便的技術，它可以幫助我們實現動態修改和操作網頁內容的功能。
然而，需要注意的是，為了避免代碼混亂和難以維護，我們應該盡量避免在div中大量嵌入復雜的JavaScript代碼。如果需要更復雜的邏輯和交互行為，建議將JavaScript代碼單獨放在外部文件中，并通過script標簽引入。