我如何在onclick事件上将图像加载到网页上而不重新加载整个页面?
这是我的代码
<style type="text/css">
div{
border:1px solid red;
margin-left: 12%;
width: 20%;
height: 200px;
display: inline-block;
}
</style>
<script type="text/javascript">
function changepic () {
}
</script>
<html>
<body>
<div onclick="changepic">
</div>
<div onclick="changepic">
</div>
</body>
</html>
我想在客户端单击其中一个div元素时将图像放在div中。
试试这个
function changepic(div) {
document.getElementById(div).src = "https://upload.wikimedia.org/wikipedia/commons/1/1b/Square_200x200.png";
}
div{
border:1px solid red;
margin-left: 12%;
width: 20%;
height: 200px;
display: inline-block;
}
<div onclick="changepic('div1')">
<img id="div1" />
</div>
<div onclick="changepic('div2')">
<img id="div2" />
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句