javascript怎麼設定img內容
- 青灯夜游原創
- 2021-07-26 18:28:535886瀏覽
img標籤的內容主要由src屬性控制，在javascript中可以利用setAttribute()方法來設定img標籤src屬性的值，進而設定img內容，語法「img元素物件.setAttribute("src" ,"屬性值")」。
本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
標籤定義 HTML 頁面中的圖片。
標籤有兩個必要的屬性：src 和 alt。
src 標籤的 src 屬性是必要的。它規定圖像的 URL。
當一個網頁載入時，瀏覽器會從 Web 伺服器上取得圖像，並將它插入到頁面中。因此，確保圖像與相關的網頁在同一點，否則訪客可能會得到一個損壞的連結圖示。如果瀏覽器找不到圖像時，會顯示損壞的連結圖示。
javascript設定img內容
在javascript中，可以利用setAttribute()方法來設定img內容。
setAttribute() 方法新增指定的屬性，並為其賦指定的值。如果這個指定的屬性已存在，則僅設定/變更值。
範例：
<!DOCTYPE html>
<html>
<body>
<img src="img/1.jpg" style="max-width:90%"/ alt="javascript怎麼設定img內容" >
<p id="demo">点击按钮来改变img标签的内容。</p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
document.getElementsByTagName("img")[0].setAttribute("src","img/2.jpg");
}
</script>
</body>
</html>效果圖：
#【推薦學習：javascript進階教學】
以上是javascript怎麼設定img內容的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn