怎么使用JS隐藏DIV样式

Question

<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

Answer 1

Javascript代码
document.getElementById('leftmd').style.display = 'none';//隐藏
document.getElementById('leftmd').style.display = 'block';//显示

Answer 2

<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全部隐藏，不是点击span的

追答

你的意思是内容为空就隐藏 不为空就显示是这个意思吧？ 如果是的话这个不需要用js触发事件 直接if判断就行了

本回答被网友采纳

Answer 3

<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>放到后面，如果要整块为空就不用追问

在火狐下能实现，但在IE下还能显示出来

追答

我在ie测试通过了的，我就用的ie。有报什么错吗，双击ie左下角看看js哪里有错。

本回答被提问者采纳