JavaScript如何改變HTML圖像

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

    JavaScript：對事件的反應

    實例

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

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

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

    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é)中學到有關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)容對大家有幫助，更多相關知識，歡迎關注億速云行業(yè)資訊頻道！