Javascript DOM onclick無法用於img src

Question

我不明白為什么不調用函數，或者為什么不更改背景圖像？

腳本標簽：

<script type="text/javascript" >
    function start() 
    {
        document.body.style.backgroundImage = "url('sothback.png')";
        document.body.style.backgroundSize = "100%";
        document.body.style.backgroundRepeat = "repeat-y"; 
    }

    window.onload = start;

    function cartman() 
    {
        document.getElementById("image").style.src = "cartman.png";
    }


    function kenny() 
    {
        document.getElementById("image").style.src = "kenny.png";
    }

</script>

身體：

<body>
    <div style="width: 100%; height: 700px;">
        <button onclick="kenny()">Kenny</button>
        <button onclick="cartman()">cartman</button>
        <div style="height: 400px;"></div>
        <center><img src="kenny.png" alt="img" id="image" ></center>
    </div>
</body>

Answer 1

試試這個

 function cartman() {
   document.getElementById("image").setAttribute('src','cartman.png');
 }
 function kenny() {
   document.getElementById("image").setAttribute('src','kenny.png');
 }

Answer 2

  function start() { document.body.style.backgroundImage = "url('sothback.png')"; document.body.style.backgroundSize = "100%"; document.body.style.backgroundRepeat = "repeat-y"; } window.onload = start; function cartman() { document.getElementById("image").setAttribute('src',"cartman.png"); document.getElementById("image").setAttribute('alt',"Image of cartman"); } function kenny() { document.getElementById("image").setAttribute('src',"kenny.png"); document.getElementById("image").setAttribute('alt',"Image of kenny"); } </script>

  <div style="width: 100%; height: 700px;"> <button onclick="kenny()">Kenny</button> <button onclick="cartman()">cartman</button> <div style="height: 400px;"></div> <center><img src="kenny.png" alt="img" id="image" ></center> </div>

將style.src更新為setAttribute 。 還可以考慮為可訪問性和屏幕閱讀器設置alt標簽和title 。

Javascript DOM onclick無法用於img src

問題描述

2 個解決方案

解決方案1
0 已采納 2019-02-09 03:26:59

解決方案2
0 2019-02-09 03:29:51

Javascript DOM onclick無法用於img src

問題描述

2 個解決方案

解決方案1 0 已采納 2019-02-09 03:26:59

解決方案2 0 2019-02-09 03:29:51

解決方案1
0 已采納 2019-02-09 03:26:59

解決方案2
0 2019-02-09 03:29:51