這篇文章主要介紹JavaScript如何改變HTML圖像，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都網(wǎng)絡(luò)公司-成都網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)公司十多年經(jīng)驗成就非凡，專業(yè)從事網(wǎng)站建設(shè)、做網(wǎng)站，成都網(wǎng)頁設(shè)計，成都網(wǎng)頁制作，軟文發(fā)布平臺，一元廣告等。十多年來已成功提供全面的成都網(wǎng)站建設(shè)方案，打造行業(yè)特色的成都網(wǎng)站建設(shè)案例，建站熱線：13518219792，我們期待您的來電！

    JavaScript：對事件的反應(yīng)

    實例

    <buttontype="button"onclick="alert('歡迎!')">點我!</button>

    alert()函數(shù)在JavaScript中并不常用，但它對于代碼測試非常方便。

    onclick事件只是您即將在本教程中學(xué)到的眾多事件之一。

    JavaScript：改變HTML內(nèi)容

    使用JavaScript來處理HTML內(nèi)容是非常強大的功能。

    實例

    x=document.getElementById("demo");//查找元素

    x.innerHTML="HelloJavaScript";//改變內(nèi)容

    您會經(jīng)?？吹絛ocument.getElementById("someid")。這個方法是HTMLDOM中定義的。

    DOM(DocumentObjectModel)（文檔對象模型）是用于訪問HTML元素的正式W3C標準。

    您將在本教程的多個章節(jié)中學(xué)到有關(guān)HTMLDOM的知識。

    JavaScript：改變HTML圖像

    本例會動態(tài)地改變HTML<image>的來源（src）：

    點亮燈泡

   <script>

function changeImage()

{

    element=document.getElementById('myimage')

    if (element.src.match("bulbon"))

    {

        element.src="/images/pic_bulboff.gif";

    }

    else

    {

        element.src="/images/pic_bulbon.gif";

    }

}

</script>

<img loading="lazy" id="myimage" onclick="changeImage()" src="/images/pic_bulboff.gif" width="100" height="180">

以上是“JavaScript如何改變HTML圖像”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

本文標題：JavaScript如何改變HTML圖像
當(dāng)前URL：http://aaarwkj.com/article26/peidjg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、小程序開發(fā)、全網(wǎng)營銷推廣、面包屑導(dǎo)航、電子商務(wù)、App開發(fā)

廣告

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