html - 占位符 HTML 元素？

Question

是否有任何 HTML 元素可用于包装其他元素以用作占位符？例如，

<ul>
    <placeholder id="list-placeholder">
        <li>item 1</li>
        <li>item 2</li>
    </placeholder>
    <li>last item</li>
</ul>

然后我就可以访问 #list-placeholder通过 JavaScript 并将子级附加到它。

• 我不认为我可以使用 <div>因为 div 并非在所有上下文中都有效(例如列表)；此外，它们可能被无意中设置了样式(我希望我的占位符不可见)。
• 浏览器不呈现 <template> 的内容而我确实想要渲染占位符中的内容
• 同样，<script>带有自定义标签 type也不要渲染它们的内容

Answer 1

不，在 HTML 中，没有通用的包装元素——这才是真正的意义所在。最接近的是 ins 和 del 元素，它们可以包装内联元素和 block 元素，并且具有透明的内容模型。但即使是他们也是不允许的，例如作为 ul 元素的子元素。

而不是尝试使用包装器，例如对于一些 li 元素，为了将子元素应用到它，在最后一个 li 元素上设置一个 id 属性，并在之后插入 sibling 它。这在 DOM 方面更自然，因为所有 li 元素都将是 ul 的子元素，而不是部分子元素、部分子元素。