javascript，怎么准确获取一个div？
<divid="a"><divclass="b"><div></div></div><divclass="c"><div></div></div><divclass="d...
<div id="a">
<div class="b">
<div></div>
</div>
<div class="c">
<div></div>
</div>
<div class="d">
<div></div>
</div>
<div class="e">
<div></div>
</div>
</div>
var a=document.getElementById("a");
如果我想准确获得class="d"里的div，怎么搞？
因为我想为class="d"的div搞一个mouseover事件，让里面的div显示出来！就像jq里的show()那样！ 展开
<div class="b">
<div></div>
</div>
<div class="c">
<div></div>
</div>
<div class="d">
<div></div>
</div>
<div class="e">
<div></div>
</div>
</div>
var a=document.getElementById("a");
如果我想准确获得class="d"里的div，怎么搞？
因为我想为class="d"的div搞一个mouseover事件，让里面的div显示出来！就像jq里的show()那样！ 展开
2个回答
展开全部
如果你想用js来获取，就把“d“设置成id，如果用jquery的话，用
$(document).ready(function(){
$(".d").mouseover(function(){
//内容
})
})望采纳！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>
RunJS 演示代码
</title>
<style>
div{
position:relative;
border:1px solid #fd3;
width:200px;
}
div.b,div.c,div.d,div.e{
left:10px;
width: 150px;
}
div[class]>div{
width: 100px;
left:20px;
}
</style>
<script>
onload=function(){
var divs = document.querySelectorAll("div");
for(var i=0;i<divs.length;i++){
divs[i].onmouseover=function(){
var cs = this.children;
for(var j=0;j<cs.length;j++){
cs[j].style.display='block';
}
}
divs[i].onmouseout=function(){
var cs = this.children;
for(var j=0;j<cs.length;j++){
cs[j].style.display='none';
}
}
}
}
</script>
</head>
<body>
<div id="a">a1
<div class="b">b1
<div>bbbb
</div>
</div>
<div class="c">c1
<div>cccc
</div>
</div>
<div class="d">d1
<div>dddd
</div>
</div>
<div class="e">e1
<div>eeee
</div>
</div>
</div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
