时间戳

首页 > 解决方案 > Javascript DOM onclick 不适用于 img src

javascript - Javascript DOM onclick 不适用于 img src

问题描述

我不明白为什么没有调用这些函数，或者如果不是那为什么没有更改背景图像？

脚本标签：

<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>

标签： javascript

解决方案

试试这个

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

推荐阅读