如何在 HTML 中创建一个 textNode？答案

【问题标题】：How to create a textNode in HTML?如何在 HTML 中创建一个 textNode？
【发布时间】：2012-11-02 08:40:19
【问题描述】：

我想直接在 HTML 中创建一个 textNode（没有 javascript），我需要一个对它的引用。

有可能吗？

如果不是，最好的解决方法是什么？

我看到了两种可能性：

1/ 将文本包装在 div（或 span 或其他）元素中？不太好，因为它会影响选择器。

2/ 在 2 个虚拟元素之间包装文本（参见 emberjs ：

    <script id="metamorph-0-start" type="text/x-placeholder"></script>
    blue
    <script id="metamorph-0-end" type="text/x-placeholder"></script>

) ?使用此解决方案，您可以通过获取 2 个“变形”元素之间的元素来获取对 textNode 的引用。

【问题讨论】：

据我所知，文本节点不能有 ID。这就是 <span> 元素（或任何其他元素）的用途。
DIV 如何影响选择器？
@JCOC611 你说得对，我正在更新我的问题
@Šime Vidas 例如，如果我在“.test”上有一个 CSS 规则，那么该类将不适用。
@Simon 好吧，你在 DIV 上设置它，例如<div class="test">，如果您希望应用该规则。

标签： html dom

【解决方案1】：

我想你在这里寻找span：

<script id="metamorph-0-start" type="text/x-placeholder"></script>
<span id="myTextNodeID">blue</span>
<script id="metamorph-0-end" type="text/x-placeholder"></script>

【讨论】：

不，实际上添加元素是我提出的第一个建议。