javascript-如何用JS获取div下的子div

问题描述

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

解决方案

 <!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>

解决方案二：

js获取div高度
 js获取div的坐标
 js获取元素div相对body的距离

解决方案三：

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

解决方案四：

javascript-如何用js实现点击后在另一个div里显示传过来的图片对象
javascript-请问，如何用JavaScript获取div中插入符光标的像素位置？
javascript-如何用div里面内嵌网页达到和iframe一个效果
javascript-js获取table中的子节点，样式为text的值，数据全部找出，但是多了个undefined，求解
关于javascript的问题-如何用js在点击某个对象时另一个对象出现再次点击时消失？代码如下：该如何修改
jquery-如何用JavaScript在前端页面做出这种提示框效果?
javascript-请问网页中如何用js实现跳转到指定行数?
javascript-onchange获得的value，如何用value去执行SQL查询。
如何用jquery实现，当点击添加行后，行中的value中的EL表达式的值也增加
如何用jquery实现点击“删除”行删除后，选项重新排列；

【云栖快讯】他，一路保送，但可能不是你想象中的学霸；他，曾是微软最年轻的技术管理者，挑战带领跨国团队；他，后来加入阿里，成为阿里西雅图分部的第22名员工；他，就是阿里通用计算平台负责人关涛！通过短视频，为你揭晓他的成长和开发计算平台的经历，以及他对未来的展望！详情请点击

时间： 2024-12-03 14:48:20

javascript-如何用JS获取div下的子div的相关文章

javascript-如何用JS获取TR中TD的某个标签的值。然后根据大小，交换TR的位置

问题描述如何用JS获取TR中TD的某个标签的值.然后根据大小,交换TR的位置例如: <tr> <td> <h6 id="id0" name="name" > 123</h6> </td> </tr> <tr> <td> <h6 id="id1" name="name" > 456</h6> </td

js获取select下拉框的值

<!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-

文章简介:js获取浏览器窗口宽高及网页宽高. js获取浏览器窗口宽高及网页宽高: /** / THIRD FUNCTION * getPageSize() by webjx.com * * @return Array Return an array with page width, height and window width, height */function ___getPageSize() { var xScroll, yScroll; if (window.innerHeight &

原生JS获取元素集合的子元素宽度实例_javascript技巧

有些时候,在一个网页的ul li中,存在左右两个部分的内容,但是右边元素内容又是不固定,左边元素相对应的不能用固定宽度,所有需要我们动态的获取右边元素宽度,来赋值给左边元素的marginRight值. HTML结构: <ul class="itemCon"> <li class="item"> <div class="leftMess"> <div class="leftCon">

如何用JS获取页面执行时间

具体的JS代码如下: 代码如下复制代码 <script type="text/javascript"> var st=new Date().getTime(); </script> <p>例如,在这里得到时间.</p> <p>在这里创建一个div,然后.</p> <p>再在这里取一次时间,然后两个时间想减.就可以得到这段代码的执行时间了.效果如下:</p> <scri

jquery及原生js获取select下拉框选中的值示例_javascript技巧

现在有一id=test的下拉框,怎么拿到选中的那个值呢? 分别使用javascript原生的方法和jquery方法复制代码代码如下: <select id="test" name=""> <option value="1">text1</option> <option value="2">text2</option> </select> 一:javas

如何用JS获取带“\”字符串的中间值？_javascript技巧

第一种方法:var test = "c:\\abc\\123.txt"; alert( test.lastIndexOf( "\\" ) ); 一些特殊的字符需要用转义字符 "\" "\\" 就是表示 \ "\"" 表示 " 至于获取中间的123 ,你自己来了.第二中:用正则表达式 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

如何用js获取当前url的参数值

javascript-如何用JS获取div下的子div

问题描述

解决方案

相关文章

热门推荐

热门标签

社区推荐

看了此文的人还看了

热门活动更多>

热点导航