JavaScript 改變層內容 在網頁開發中，有時候需要通過 JavaScript 來改變網頁中一個元素的內容，比如改變 div 中的文字或者圖片。這時候就需要使用 DOM（文檔對象模型）來進行操作了。 一、改變元素的文字 要改變一個元素的文字，可以使用 JavaScript 中的 innerText 或 innerHTML 屬性。兩者的區別在于 innerText 只會改變元素中的文字內容，而 innerHTML 將會改變元素中的所有內容，包括 HTML 代碼。 例如，我們有一個 div 元素，其中的內容為：

<div id="myDiv">這是一個 div 元素</div>

如果要使用 innerText 改變 div 的文字，可以這樣寫代碼：

<script>
document.getElementById("myDiv").innerText = "我被改變了！";
</script>

這樣就可以將原來的文字改變為“我被改變了！”。如果要使用 innerHTML 改變 div 的內容，可以這樣寫：

<script>
document.getElementById("myDiv").innerHTML = "<b>我</b>被<b>改變</b>了！";
</script>

這樣就可以將原來的文字改變為“我被改變了！”。 二、改變元素的樣式 要改變一個元素的樣式，可以使用 JavaScript 中的 style 屬性。例如，在樣式表中定義了一個樣式：

#myDiv {
color: red;
}

現在需要使用 JavaScript 來改變這個 div 元素的顏色。可以這樣寫代碼：

<script>
document.getElementById("myDiv").style.color = "blue";
</script>

這樣就可以將 div 元素的顏色從紅色改變為藍色了。 三、改變元素的圖片 要改變一個元素的圖片，可以使用 JavaScript 中的 src 屬性。例如，有一個 img 元素：

<img id="myImg" src="image1.jpg">

現在需要通過 JavaScript 來改變這個圖片的 src 屬性，可以這樣寫代碼：

<script>
document.getElementById("myImg").src = "image2.jpg";
</script>

這樣就可以將原來的圖片改變為 image2.jpg 了。 以上是 JavaScript 改變層內容的一些簡單示例，希望對您有所幫助。