我可以在代码中删除Ul的子元素吗？

// 获取<ul>元素
var ul = document.getElementById('myList');

// 删除第一个子元素
if (ul.firstChild) {
    ul.removeChild(ul.firstChild);
}

// 或者删除所有子元素
while (ul.firstChild) {
    ul.removeChild(ul.firstChild);
}

// 获取<ul>元素
var ul = document.getElementById('myList');

// 清空所有子元素
ul.innerHTML = '';

// 获取<ul>元素的所有<li>子元素
document.querySelectorAll('#myList li').forEach(function(li) {
    li.remove();
});

// 删除<ul>的所有子元素
$('#myList').empty();

// 或者删除特定的子元素
$('#myList li').remove();

<ul>
<?php foreach ($items as $item): ?>
    <?php if ($item->shouldDisplay()): ?>
        <li><?php echo htmlspecialchars($item->getName()); ?></li>
    <?php endif; ?>
<?php endforeach; ?>
</ul>