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在页面自己生成了一堆东西,要动态控制它们内部一些元素的隐藏和显示,才抽象出来这样一个问题提问。。
<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的主要内容,如果未能解决你的问题,请参考以下文章