javascript 单击图片出现文本内容然后替换原有的文字
时间: 2023-10-09 13:12:25 浏览: 153
点击换一组图片或者文字的javascript
5星 · 资源好评率100%
可以通过JavaScript来实现单击图片出现文本内容然后替换原有的文字。首先,给图片添加一个点击事件监听器,当图片被点击时,触发事件处理函数。在事件处理函数中,可以使用innerHTML属性来替换原有的文字内容。例如:
```javascript
<img src="image.jpg" onclick="displayText()">
<script>
function displayText() {
var text = "这是新的文字内容";
document.getElementById("text").innerHTML = text;
}
</script>
<p id="text">原来的文字内容</p>
```
当图片被点击时,会调用displayText()函数,将文本内容替换为"这是新的文字内容"。注意,需要在HTML中给文本内容添加一个id属性,以便在JavaScript中通过getElementById()方法获取到该元素。
阅读全文