如何用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>

...全文

366 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";
}