javascript点击特定位置的图像功能

Question

如果你点击了老虎的名字按钮，那么这个方框的图像应该会变成老虎的图像。接下来的2个按钮也是一样。另外，创建一个重置按钮来删除框图像，然后在框中显示任何默认图像。另外，创建一个按钮来显示此图像框中出现的图像的名称。(结果显示在警告框中).

Answer 1

更多的上下文是可取的。你的问题有点混乱。下次请贴出你的代码。如果我理解正确的话，你可以用JavaScript解决这个问题:

假设你有图像标签和三个按钮

<img id="tigerImage" alt="this is the tigers name" src="/assets/images/placeholder.jpg">
<button onclick="setImage()">Set Image</button>
<button onclick="resetImage()">Reset Image</button>
<button onclick="showName()">Show Name</button>

id很重要，你可以用JS来处理它:

香草JS:

function setImage() {
document.getElementById("tigerImage").src="/assets/images/tiger.jpg";
}
function resetImage() {
document.getElementById("tigerImage").src="/assets/images/placeholder.jpg";
}
function showName() {
var imageName = document.getElementById("tigerImage").alt;
alert(imageName);
}