为了账号安全,请及时绑定邮箱和手机立即绑定

请问各位大神 怎么实现点击超链接 使div改变内容呢 谢谢! 在线等 蛮急的!!!

请问各位大神 怎么实现点击超链接 使div改变内容呢 谢谢! 在线等 蛮急的!!!

长野博4050768 2017-07-04 09:55:07
查看完整描述

4 回答

?
一诺yinol

TA贡献27条经验 获得超4个赞

<a onclick="change()" href="#" >
   lalalla
</a>
<div id="change">
   需要更改的内容
</div>
<script>
   function change(){
       document.getElementById('change').innerHTML = '内容已更改';
       return true;  //如果需要阻止链接跳转,就return false;
   }
</script>



查看完整回答
反对 回复 2017-07-04
  • 长野博4050768
    长野博4050768
    请问怎么改为图片呢? 点一下超链接 就更改一组图片的那种
  • 长野博4050768
    长野博4050768
    document.getElementById('change').innerHTML = './images/en.png'; return true; //如果需要阻止链接跳转,就return false;怎么把这个内容改为: <div id="neirong1"> <img src="images/fifth.jpg"> <img src="images/first.png"> <img src="images/first.png"> </div> <div id="neirong2"> <img src="images/fifth.jpg"> <img src="images/first.png"> <img src="images/first.png"> </div> 这两个div中的一个呢?
  • 一诺yinol
    一诺yinol
    先把不显示的内容隐藏,然后点击了,再显示相应的内容! <a onclick="change()" href="#" > lalalla </a> <div id="neirong1"> <img src="images/fifth.jpg"> <img src="images/first.png"> <img src="images/first.png"> </div> <div id="neirong2" style="display:none"> <img src="images/fifth.jpg"> <img src="images/first.png"> <img src="images/first.png"> </div> <script> function change(){ document.getElementById('neirong1').style.display="none"; document.getElementById('neirong2').style.display="block"; return false; //如果需要阻止链接跳转,就return false; } </script>
  • 4 回答
  • 0 关注
  • 2934 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信