JS 获取div子元素,隐藏div

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS 获取div子元素,隐藏div相关的知识,希望对你有一定的参考价值。

求JS代码,功能描述:如果指定ID的div内包含class名为“a”的元素,则隐藏该div,否则显示该div。
html结构:
<div id="cc">
<div><div>

<div>
<ul>
<li class="a"></li>

<li></li>
<li></li>
</ul>

<div>

</div>
已实现,感谢各位的回答。。CMS在页面自己生成了一堆东西,要动态控制它们内部一些元素的隐藏和显示,才抽象出来这样一个问题提问。。

参考技术A <!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=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#ccwidth:500px;height:300px;background:#069;
</style>
</head>

<body>
<div id="cc">
<div></div>
<div>
<ul>
<li class="a"></li>
<li></li>
<li></li>
</ul>
</div>
</div>
<script type="text/jscript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$('#cc').find('.a').length > 0 ? $("#cc").hide() : "";
</script>
</body>
</html>
参考技术B 晕,,,还用js,,,直接css都可以了。。
你在最前面写一个
#cc .adisplay:none;

这样就Ok了,,,,id cc下面的class a 就用了display:none;不显示出来。
参考技术C 用jQuery应该会很简单的。 参考技术D 你这个完全没意义啊,你想实现什么?不用搞的这么复杂吧,好像还没有这种方法!

如何用js设置div中元素不可用,就是整个DIV变成灰色,里面的所有元素都不可用,包括连接

参考技术A msg 为DIV id ;
text 为 你要抓取的id 比如 文本的等;
要自己做个事件触发此方法;
function refer()
var textValue = document.getElementById("text");
if(textValue.value == "")
document.getElementById("msg").style.display ="none";


else
document.getElementById("msg").style.display ="";

参考技术B 在div中做一个div把背景设成灰色透明的 然后z-index至于div之上追问

能写个例子吗?我自己添了没成功

追答

position:absolute; z-index:100; background:#cccccc;filter: alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;
遮罩的css这样写

追问

还是不行,而且还把别的DIV也搞乱了

追答

上一级设置了position:relative了吗?

本回答被提问者采纳
参考技术C 不能把这个div设置成直接隐藏掉吗追问

不是隐藏,是设置当前不可用

以上是关于JS 获取div子元素,隐藏div的主要内容,如果未能解决你的问题,请参考以下文章

如何用js设置div中元素不可用,就是整个DIV变成灰色,里面的所有元素都不可用,包括连接

js 如何删除某个div下的div元素

Jq 为啥获取不到隐藏DIV 的宽度?

js里面怎么将内容隐藏内容隐藏

如何用js根据屏幕高度控制div高度

JS判断DIV是不是是隐藏或显示