Question

我目前正试图通过将“提交答案”按钮替换为图像来设置我的javascript测验的样式，因此不是单击按钮提交用户就可以单击图像。单击按钮执行一个检查答案的功能。这是我使用的原始按钮代码，任何想法如何替换图像＆gt; "<button onclick='checkAnswer()'>Submit Answer</button>";

非常感谢

Answer 1

您只需将img添加为<img>代码，并将onClick添加到该对象：

＆＃13;

img = document.createElement("img");
img.src = "https://www.google.com/images/srpr/logo11w.png";
img.onclick = function (){
  alert("clicked!");
  };
document.body.appendChild(img);

＆＃13;

Answer 2

您可以在Html中放置图像，然后在脚本中放置要执行的功能。例如，您的代码。

<img id="myimagebutton" src="image.png" alt="Submit Answer" onclick="checkAnswer()" />

在你的javascript中

：

    function checkAnswer(){
        var mybutton = document.getElementById("myimagebutton");
        var answer = document.getElementById("answerbox").value or .innerHTML;

 // the element that contains the answer ex answerbox depending on the type
//execute somelogic
}

如果您想在图片“按钮”下方找到一些标签，请搜索此html5的未来<figcaption>

用图片javascript

2 个答案: