怎么使用JS隐藏DIV样式
<divid="upcoming"class="w960mt10"><divclass="upcoming">内容在这里<spanonclick="$('#upcomin...
<div id="upcoming" class="w960 mt10"><div class="upcoming">
内容在这里 <span onclick="$('#upcoming').hide();"
class="upcoming_close"></span></div></div>
若是内容那块为空,在隐藏整个这一段的样式,这个JS需要怎么写,由于我一点都不会JS,麻烦也告诉一下,应该将JS放在什么位置。
若是“内容在这里” 这块是空的,上面的整段DIV全部隐藏,不是点击span的。
可以这样看
<div id="upcoming" class="w960 mt10" style="display:none"><div class="upcoming">
内容在这里 <span onclick="$('#upcoming').hide();"
class="upcoming_close"></span></div></div>
那么就是有内容则去掉display:none 展开
内容在这里 <span onclick="$('#upcoming').hide();"
class="upcoming_close"></span></div></div>
若是内容那块为空,在隐藏整个这一段的样式,这个JS需要怎么写,由于我一点都不会JS,麻烦也告诉一下,应该将JS放在什么位置。
若是“内容在这里” 这块是空的,上面的整段DIV全部隐藏,不是点击span的。
可以这样看
<div id="upcoming" class="w960 mt10" style="display:none"><div class="upcoming">
内容在这里 <span onclick="$('#upcoming').hide();"
class="upcoming_close"></span></div></div>
那么就是有内容则去掉display:none 展开
3个回答
2015-11-25 · 知道合伙人互联网行家
关注
展开全部
Javascript代码
document.getElementById('leftmd').style.display = 'none';//隐藏
document.getElementById('leftmd').style.display = 'block';//显示
document.getElementById('leftmd').style.display = 'none';//隐藏
document.getElementById('leftmd').style.display = 'block';//显示
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<div id="upcoming" class="w960 mt10">
<div class="upcoming">
内容在这里 <span class="upcoming_close" onclick="upcoming()"></span>
</div>
</div>
源文件是这个吗?是要点击sapn里的内容然后隐藏整个的大div是吗?
function upcoming()
{
give = document.getElementById("upcoming");
$(give).hide();
}
<div class="upcoming">
内容在这里 <span class="upcoming_close" onclick="upcoming()"></span>
</div>
</div>
源文件是这个吗?是要点击sapn里的内容然后隐藏整个的大div是吗?
function upcoming()
{
give = document.getElementById("upcoming");
$(give).hide();
}
追问
不是的,若是“内容在这里” 这块是空的,上面的整段DIV全部隐藏,不是点击span的
追答
你的意思是内容为空就隐藏 不为空就显示是这个意思吧? 如果是的话这个不需要用js触发事件 直接if判断就行了
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
if($(".upcoming").text()=="" ||$(".upcoming").text()==null){
$("#upcoming").attr("style","display:none");
}
});
</script>
<div id="upcoming" class="w960 mt10"><div class="upcoming">
内容在这里</div> <span onclick="$('#upcoming').hide();"
class="upcoming_close"></span></div>
如果只要内容在这里这一块为空就把</div>放到后面,如果要整块为空就不用
<script type="text/javascript">
$(document).ready(function(){
if($(".upcoming").text()=="" ||$(".upcoming").text()==null){
$("#upcoming").attr("style","display:none");
}
});
</script>
<div id="upcoming" class="w960 mt10"><div class="upcoming">
内容在这里</div> <span onclick="$('#upcoming').hide();"
class="upcoming_close"></span></div>
如果只要内容在这里这一块为空就把</div>放到后面,如果要整块为空就不用
追问
在火狐下能实现,但在IE下还能显示出来
追答
我在ie测试通过了的,我就用的ie。有报什么错吗,双击ie左下角看看js哪里有错。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询