如何用JS从外层div获取内层div

圆鹿鹿 2015-09-01 10:04:49
现在有多个同类的外层Div,每个外层div都包含一个内层div(放在外层div的右下角),我想通过鼠标移入外层的div(不一定移到内层上),然后来改变内层的div的样式,在JS中要怎么获取内层的div?

例如:
<script>
function onChange(x)
{
x.style.backgroundColor="#0CF";
x.style.color="White";
}
function normal(x)
{
div2.style.backgroundColor="White";
div2.style.color="Black";
}
</script>
代码:
<div class="divcss1" onmouseover=onChange(this) onmouseout=normal(this) onclick="">
<div class="divcss2" >AAA</div>
</div>
<br />
<div class="divcss1" onmouseover=onChange(this) onmouseout=normal(this) onclick="">
<div class="divcss2" >BBB</div>
</div>
<br />
<div class="divcss1" onmouseover=onChange(this) onmouseout=normal(this) onclick="">
<div class="divcss2" >CCC</div>
...全文
359 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
我叫小菜菜 2015-09-03
  • 打赏
  • 举报
回复
直接用jquery定位元素,通过绑定css和事件实现。 何必执着于外层与内层的关系?
slwsss 2015-09-01
  • 打赏
  • 举报
回复
$('.divcss1').hover(function(){$('.divcss2',this).css('color','#fff')},function(){$('.divcss2',this).css('color','#000')})
圆鹿鹿 2015-09-01
  • 打赏
  • 举报
回复
效果类似百度地图右上角的 卫星与地图 的转换。
天际的海浪 2015-09-01
  • 打赏
  • 举报
回复

function onChange(x)
{
	var sd = x.getElementsByTagName("div")[0];
	sd.style.backgroundColor="#0CF";
	sd.style.color="White";
}
function normal(x)
{
	var sd = x.getElementsByTagName("div")[0];
	sd.style.backgroundColor="White";
	sd.style.color="Black";
}


87,888

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧