Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果我的DIV中没有P标签,则删除DIV上的最小高度_Javascript_Html_Css - Fatal编程技术网

Javascript 如果我的DIV中没有P标签,则删除DIV上的最小高度

Javascript 如果我的DIV中没有P标签,则删除DIV上的最小高度,javascript,html,css,Javascript,Html,Css,基本上,我有一个简单的div,其中包含一个h2和p标签,我想知道如果p不存在,是否有办法删除div上的样式 下面是标记和样式 <style> .hotel-header { min-height: 100px; } </style> <div class="hotel-header"> <h2>Hotel Name</h2> <p>Hotel address</p> </div> .酒店标题{最

基本上,我有一个简单的div,其中包含一个h2和p标签,我想知道如果p不存在,是否有办法删除div上的样式

下面是标记和样式

<style>
.hotel-header { min-height: 100px; }
</style>

<div class="hotel-header">
<h2>Hotel Name</h2>
<p>Hotel address</p>
</div>

.酒店标题{最小高度:100px;}
酒店名称
酒店地址

任何帮助或提示都将不胜感激

提前谢谢

您可以尝试:

const headers = document.getElementsByClassName('hotel-header');
for (let i = 0; i < headers.length; i++) {
  if (headers.item(i).getElementsByTagName('p').length === 0) {
    headers.item(i).classList.remove('hotel-header');
  }
}
const headers=document.getElementsByClassName('hotel-header');
for(设i=0;i
如果CSS支持伪类。。。.hotel header{min height:100px;}hotel Namehotel address

function init(){var divItem=document.getElementsByClassName('hotel-header')[0];if(divItem.getElementsByTagName('p')。length==0){divItem.classList.remove('hotel-header');}@raviragindu删除类不是一个选项-h2类的顶部和底部都有填充,这会导致对齐问题如果(divItem.getElementsByTagName('P').length==0){divItem.style.minHeight='0px';}
if(headers.item(i).getElementsByTagName('P').length>0)
是否正确condition@user1531038删除div上的样式*如果P不存在*哦,是的。。我看错了@hsz删除该类不是一个选项-因为H2的顶部和底部都有填充,这会导致对齐问题-还有其他建议吗?非常感谢。