求JS大神们给一段简单的js判断div隐藏父级div
求JS大神们给一段简单的js判断div隐藏父级div,判断name里是否有内容,如果没有就隐藏父级nodiv的DIV不显示,name有内容就显示父级nodiv的DIV。<...
求JS大神们给一段简单的js判断div隐藏父级div,判断name里是否有内容,如果没有就隐藏父级nodiv的DIV不显示,name有内容就显示父级nodiv的DIV。
<div class="right_con_div" id="nodiv">
<div class="name"></div>
<p>这里有了</p>
</div>
<div class="right_con_div" id="nodiv">
<div class="name">小明</div>
<p>这里有了</p>
</div> 展开
<div class="right_con_div" id="nodiv">
<div class="name"></div>
<p>这里有了</p>
</div>
<div class="right_con_div" id="nodiv">
<div class="name">小明</div>
<p>这里有了</p>
</div> 展开
2个回答
展开全部
<html>
<head>
<script type="text/javascript">
window.onload = function(){//网页加载完毕后自动运行
var divs = document.getElementsByTagName("div");//取得所有div
for(var i = 0;i < divs.length;i++){//遍历数组
var div = divs[i];//根据下标从数组中取得一个节点元素
if(div.className == "name"){//如当前div的类名是name
var p = div.parentNode;//取得当前节点的父节点
if (p.className == "right_con_div"){//如果父节点的类名是right_con_div
p.hidden = "" == div.innerText.trim();//如果当前节点没内容就隐藏,否则就显示
}
}
}
};
</script>
</head>
<body>
<div class="right_con_div" id="nodiv">
<div class="name"></div>
<p>这里有了</p>
</div>
<div class="right_con_div"><!-- id="nodiv" 不要重复使用相同id -->
<div class="name">小明</div>
<p>这里有了</p>
</div>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询