溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

javascript如何設(shè)置img內(nèi)容

發(fā)布時(shí)間：2021-07-27 10:32:58 來源：億速云 閱讀：318 作者：小新 欄目：web開發(fā)

這篇文章主要介紹javascript如何設(shè)置img內(nèi)容，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

img標(biāo)簽的內(nèi)容主要由src屬性控制，在javascript中可以利用setAttribute()方法來設(shè)置img標(biāo)簽src屬性的值，進(jìn)而設(shè)置img內(nèi)容，語法“img元素對(duì)象.setAttribute("src","屬性值")”。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

<img> 標(biāo)簽定義 HTML 頁面中的圖像。

<img> 標(biāo)簽有兩個(gè)必需的屬性：src 和 alt。

src 標(biāo)簽的 src 屬性是必需的。它規(guī)定圖像的 URL。

當(dāng)一個(gè)網(wǎng)頁加載時(shí)，瀏覽器從 Web 服務(wù)器上獲取圖像，并把它插入到頁面中。因此，確保圖像與相關(guān)的網(wǎng)頁在同一點(diǎn)，否則訪問者可能會(huì)得到一個(gè)損壞的鏈接圖標(biāo)。如果瀏覽器找不到圖像時(shí)，會(huì)顯示損壞的鏈接圖標(biāo)。

javascript設(shè)置img內(nèi)容

在javascript中，可以利用setAttribute()方法來設(shè)置img內(nèi)容。

setAttribute() 方法添加指定的屬性，并為其賦指定的值。如果這個(gè)指定的屬性已存在，則僅設(shè)置/更改值。

示例：

<!DOCTYPE html>
<html>
<body>

<img src="img/1.jpg" width="200"/>

<p id="demo">點(diǎn)擊按鈕來改變img標(biāo)簽的內(nèi)容。</p>

<button onclick="myFunction()">試一下</button>

<script>
function myFunction()
{
document.getElementsByTagName("img")[0].setAttribute("src","img/2.jpg"); 
}
</script>

</body>
</html>

效果圖：

javascript如何設(shè)置img內(nèi)容

以上是“javascript如何設(shè)置img內(nèi)容”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手