使用JavaScript编写代码,实现当点击图片时显示一个div。
HTML代码:
<img src="image.jpg" id="myImage">
<div id="myDiv">要显示的内容</div>
JavaScript代码:
const myImage = document.getElementById("myImage");
const myDiv = document.getElementById("myDiv");
myImage.addEventListener("click", function() {
myDiv.style.display = "block";
});
当点击图片时,事件监听器将会被触发,使得div的DisplayStyle从none转变为block,从而显示div中的内容。