JavaScript更改图像的源

我正在尝试用JavaScript替换图像。我现在看到的是这个HTML：

<div class="col-md-4 " id="demo3">
    <input type="image" src="intro.jpg" width="600px" onclick="gamepaper();" />
</div>

---

但这也不起作用。

您需要使用

input

标记：

function changeSource() {
    var image = document.querySelectorAll("input")[0];
    var source = image.src = image.src.replace("placeholder.png","01.png");
};

但更好的方法是添加ID并将其作为目标：

document.write("<input type='image' src='intro-win.jpg' width='600px' id='MyImg' />");

function changeSource() {
    var source = MyImg.src = MyImg.src.replace("placeholder.png","01.png");
};

document.write（“”）；
函数changeSource（）{
var source=MyImg.src=MyImg.src.replace（“placeholder.png”、“01.png”）；
};

只需为您的图像提供一个Id，然后在document.ready函数中使用该Id，然后像这样更改源代码

<div class="col-md-4 " id="demo3">
    <input id="myImage" type="image" src="intro.jpg" width="600px" onclick="gamepaper();" />
</div>

---

在html中使用

输入类型图像

，但在

js

中搜索的是

img

。这应该如下所示：

var image = document.querySelectorAll("input[type=image]")[0];

---

试试这个$（“demo3输入”）.attr（'src'，01.png）；出于好奇，为什么要为图像输入元素？因为它也是一个按钮。但你是对的，在替换图像后，它不应该再是按钮了。@Marimba你看到我的答案了吗？是的。我现在已经解决了itjQuery！=JavaScript

<div class="col-md-4 " id="demo3">
    <input id="myImage" type="image" src="intro.jpg" width="600px" onclick="gamepaper();" />
</div>

$(document).ready(function() {
   $('#myImage').attr("src", "myOtherSource.jpg");
});

var image = document.querySelectorAll("input[type=image]")[0];