日期:2014-05-17  浏览次数:20404 次

关于js如何获取<div>和<ul>的高度并选择性隐藏<p>
现在我的前台差不多是这样的哦

<ul>
<div>
//<li>

</div>
</ul>

 <p class="bnkd">
 <span class="x up"></span><span class="s down"></span>
 </p>

<li>数据是通过后台取的
现在<ul>的高度是500px,<li>的高度是29px,我该如何在<ul>里面的数据高度小于500px的时候,隐藏掉<p>哦?

------解决方案--------------------
这个用jquery 是很简单的
------解决方案--------------------
$(function(){
 var ul = $("#ul_name");
if(ul.height()>500)
{
  $("#p_name").hide();
}
})
------解决方案--------------------
这个 你写有语法错误,js对象取属性可以用‘.’,jquery对象取属性用css()或attr()这两个方法
$(function(){if($("div").css("height")<500) $("p").hide;})
------解决方案--------------------
纯js写法
window.load=function(){
if(document.getElementById("divId").style.heigth<500)
document.getElementById("PID").style.display = "none";

}