javascript如何設(shè)置imgsrc值

本篇內(nèi)容介紹了“javascript如何設(shè)置img src值”的有關(guān)知識，在實(shí)際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)是一家專業(yè)提供天壇街道企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站制作、做網(wǎng)站、H5技術(shù)、小程序制作等業(yè)務(wù)。10年已為天壇街道眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站制作公司優(yōu)惠進(jìn)行中。

設(shè)置方法：1、利用元素對象的src屬性，語法“img元素對象.src="屬性值"”；2、利用setAttribute()方法，語法“img元素對象.setAttribute("src","屬性值")”。

javascript如何設(shè)置img src值

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

javascript設(shè)置img src值

方法1：利用元素對象的src屬性

<!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() {
				var img = document.getElementsByTagName("img")[0];
				img.src = "img/2.jpg";
			}
		</script>
	</body>
</html>

效果圖：

javascript如何設(shè)置img src值

方法2：利用setAttribute()方法

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() {
				var img = document.getElementsByTagName("img")[0];
				img.setAttribute("src","img/3.jpg"); 
			}
		</script>
	</body>
</html>

效果圖：

javascript如何設(shè)置img src值

“javascript如何設(shè)置img src值”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

新聞名稱：javascript如何設(shè)置imgsrc值
網(wǎng)頁地址：http://www.muchs.cn/article4/ihpsoe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、自適應(yīng)網(wǎng)站、用戶體驗(yàn)、做網(wǎng)站、商城網(wǎng)站、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化