如何在单击按钮时在文本后面获取图像

How to get a image behind text when button clicked

本文关键字：获取 文本 图像 单击 按钮      更新时间：2023-09-26

我正在制作一个网站，我想要一个帮助按钮。单击时，文本后面会显示一个图像。

<body>
  <div id="inputdiv">
	Team 1:
<p>
 <input type="text" name="fname" id="name">
<p>
Team 2:
<p>
<input type="text" name="fname2" id="name2">
</div>
<button onclick="showimage"> Help</button>
  <img src="https://support.files.wordpress.com/2009/07/pigeony.jpg?w=688">

我该怎么做？谢谢

首先，如果你想调用一个jquery函数，你必须调用为"showimage(("(在你的代码中，你应该写为

<button onclick="showimage()"> Help</button>

如果您想在文本后面显示图像，请为要显示图像的div设置id，并将jquery写为

function showimage(){
  $("#id-of-that-div").css("background-image", "url('https://support.files.wordpress.com/2009/07/pigeony.jpg?w=688')");
}

首先，如果您试图调用一个函数，它应该是onclick="showimage()"，而不仅仅是onclick="showimage"

对于图片：试着把文本和图片放在同一个div里吧？我知道默认情况下文本会覆盖图片。如果不研究一些框架，如基础

相关文章：