div包裹着ul标签,当ul标签里的li标签为空就隐藏div 当ul里的li标签不为空,就显示div 通过js表达
时间: 2024-03-21 10:39:25 浏览: 250
js实现div层的显示与隐藏
可以使用JavaScript中的条件语句if来判断ul里的li标签是否为空,然后通过修改div的显示状态来实现隐藏或显示。
HTML代码可以是这样的:
```html
<div id="myDiv">
<ul id="myList">
<li>Item 1</li>
<li>Item 2</li>
</ul>
</div>
```
JavaScript代码可以是这样的:
```javascript
var myList = document.getElementById("myList");
var myDiv = document.getElementById("myDiv");
if (myList.innerHTML === "") {
myDiv.style.display = "none";
} else {
myDiv.style.display = "block";
}
```
该代码首先获取了ul和div的DOM元素,然后通过判断ul的innerHTML是否为空来决定是否隐藏div。如果ul中包含li元素,则将div的显示状态设置为“block”,否则将其设置为“none”。
阅读全文