lv_qinyu 2016-09-13 14:50 采纳率: 0%
浏览 7848
已采纳

如何用JS实现：鼠标点击一个DIV里的a标签时，在另外一个DIV显示出该a标签的内容

刚开始学JS，然后网站中需要一个效果，就是点击左边DIV里的超链接，然后把这个超链接的内容（也就是之间的内容）显示在另一个DIV里面，求助前辈~~为什么我写的出不来呢？

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
#div0{
    width:700px;
    height:500px;
    border:3px #000000 solid;}
#div1{
    width:300px;
    height:200px;
    float:left;
    background-color:#CCCCCC;}
#div2{
    width:300px;
    height:200px;
    float:right;
    background-color:#F00;}

</style>
<script type="text/javascript">
    window.onload=function(){
        var oto1=document.getElementById('div1');
        var oto2=oto1.getElementsByTagName('li');
        var oto3=document.getElementById('div2');
        for(var i=0;i<oto2.length;i++){
            oto2.onclick=function(){
                                oto3.innerHTML=this.innerHTML;
                                }
            }
        }
</script>
</head>

<body>
<div id="div0">
<div id="div1">
 <ul>
  <li><a href="#">oh my</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
 </ul>
</div>
<div id="div2"></div>
</div>
</body>
</html>

前辈看看是不是我哪里出错了

  • 写回答

6条回答

  • 当作看不见 2016-09-13 15:07
    关注

    改成这样，
    1.想用id选择下面的节点，应该用child ，或者直接选择那个标签
    2.循环绑定对象时，那是一个数组，所以用[]引用，

      window.onload=function(){
        var oto2=document.getElementsByTagName('li');
        var oto3=document.getElementById('div2');
        for(var i=0;i<oto2.length;i++){
            oto2[i].onclick=function(){
                                oto3.innerHTML=this.innerHTML;
                                }
            }
        }
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(5条)

报告相同问题？

悬赏问题

  • ¥15 为什么我按照电路图做出的仿真和实物都不能使用
  • ¥15 mars2d在vue3中的引入问题
  • ¥50 h5唤醒支付宝并跳转至向小荷包转账界面
  • ¥15 算法题：数的划分，用记忆化DFS做WA求调
  • ¥15 chatglm-6b应用到django项目中，模型加载失败
  • ¥15 CreateBitmapFromWicBitmap内存释放问题。
  • ¥30 win c++ socket
  • ¥15 C# datagridview 栏位进度
  • ¥15 vue3页面el-table页面数据过多
  • ¥100 vue3中融入gRPC-web