圆鹿鹿
2015-09-01 03:07
采纳率: 78.3%
浏览 8.6k
已采纳

如何用JS获取div下的子div

有多个独立的外层div,每个外层div内嵌一个内层的div,内层div在显示在外层div的下部。我要的效果是,当鼠标移入到一个外层div中时,改变这个外层div内的那个内层div。用Js怎么写代码?求大神指导

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • danielinbiti 2015-09-01 03:22
    已采纳
     <!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>
    <script>
    function MM_over(mmObj) {
        var mSubObj = mmObj.getElementsByTagName("div")[0];
        mSubObj.style.display = "block";
        mSubObj.style.backgroundColor = "#f60";
    }
    function MM_out(mmObj) {
        var mSubObj = mmObj.getElementsByTagName("div")[0];
        mSubObj.style.display = "none";
    
    }
    </script>
    
    </head>
    
    <body>
    <div onmouseover="MM_over(this)" onmouseout="MM_out(this)" style="width:100px;position:relative;">sdfsdf
        <div style="width:100px;height:100px;display:none;position:absolute;left:0;top:15px;z-inde:5;"><p><a href="#">ssss</a></p><p><a href="#">ssss</a></p>
        </div>
    </div>
    </body>
    </html>
    
    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • 霍比特人666 2015-09-01 03:13

    给个id标识内层div或者用jq的children([expr]) 获取

    评论
    解决 无用
    打赏 举报
  • 仲鹏 2015-09-01 05:12
    var parentDiv = $("#a"); var childDiv = parentDiv.find("div");//如果只有一个这写没问题 var childDiv = parentDiv.find("div[id=a2]");//多个DIV
    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题