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

成都網絡公司-成都網站建設公司創新互聯公司十多年經驗成就非凡，專業從事網站建設、做網站，成都網頁設計，成都網頁制作，軟文發布平臺，一元廣告等。十多年來已成功提供全面的成都網站建設方案，打造行業特色的成都網站建設案例，建站熱線：13518219792，我們期待您的來電！

    JavaScript：對事件的反應

    實例

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

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

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

    JavaScript：改變HTML內容

    使用JavaScript來處理HTML內容是非常強大的功能。

    實例

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

    x.innerHTML="HelloJavaScript";//改變內容

    您會經常看到document.getElementById("someid")。這個方法是HTMLDOM中定義的。

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

    您將在本教程的多個章節中學到有關HTMLDOM的知識。

    JavaScript：改變HTML圖像

    本例會動態地改變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圖像”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創新互聯行業資訊頻道！

本文標題：JavaScript如何改變HTML圖像
當前URL：http://vcdvsql.cn/article26/peidjg.html

成都網站建設公司_創新互聯，為您提供定制開發、小程序開發、全網營銷推廣、面包屑導航、電子商務、App開發

廣告

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