如果LI有子元素，则添加元素

是指在HTML中，如果一个列表项（<li>）包含子元素（例如其他HTML元素），可以通过在该列表项中添加新的子元素来扩展列表项的内容。

添加元素可以通过使用JavaScript或其他前端框架来实现。以下是一个示例代码，演示如何使用JavaScript向具有子元素的列表项添加新元素：

<!DOCTYPE html>
<html>
<head>
    <title>添加元素到具有子元素的列表项</title>
</head>
<body>
    <ul>
        <li id="listItem">列表项1
            <ul>
                <li>子列表项1</li>
                <li>子列表项2</li>
            </ul>
        </li>
    </ul>

    <script>
        // 获取具有子元素的列表项
        var listItem = document.getElementById("listItem");

        // 创建新的列表项元素
        var newListItem = document.createElement("li");
        newListItem.textContent = "新的子列表项";

        // 将新的列表项添加到具有子元素的列表项中
        listItem.querySelector("ul").appendChild(newListItem);
    </script>
</body>
</html>

在上述示例中，我们首先获取具有子元素的列表项（id为"listItem"），然后使用document.createElement方法创建一个新的列表项元素，并设置其内容为"新的子列表项"。最后，我们使用appendChild方法将新的列表项添加到具有子元素的列表项的子元素（ul）中。

这样，我们就成功地向具有子元素的列表项添加了新元素。

腾讯云相关产品和产品介绍链接地址：