<td>标签内的元素

Question

<table>
    <tr>
        <td>Hello StackOverFlow</td>
    </tr>
</table>

你好！我是一个新手，不太了解HTML，请问td标签内的“Hello StackOverFlow”是什么类型的元素？它是一个标签吗？

- Ethyl Casin

---

这是一个文本节点。 - Sami Kuhmonen

他说的没错。不过，如果你指的是<td>，那就是一种表格数据（我通常把它称为单元格）。 - Adam Kewley

对于使用CSS进行样式设置：td { background-color: #000; }，除非你需要更具体的内容。 - Adam Kewley

如果您想更改td中的文本节点，则所有操作都是通过父级td完成的。例如：td { font-size: 2 em; } - Adam Kewley

我不明白为什么有些人在问题中甚至没有添加CSS标签时还要使用CSS。你只需要检查它的nodeType即可。 - kemicofa ghost

Answer 1

<td>标签内的元素是文本节点，在CSS中无法直接控制。如果您想要样式化它，您可以样式化整个<td>标签或者在您想要样式化的文本周围加上一个<span>元素。

例如，如果您想要仅样式化Hello，请这样做：

<table>
    <tr>
        <td><span>Hello<span> StackOverFlow</td>
    </tr>
</table>

在你的CSS中：

span { font-weight: bold; }

或者您可以为其提供任何样式。

另请参阅此相关问题的答案。

- Fabian Streitel

Answer 2

想要检查Hello Stackoverflow的类型吗？只需检查td内容的nodeType

//Gave your td an id of 'td'
alert($('#td').contents().get(0).nodeType);

这将返回3。nodeType为3表示它是文本。

下面是每个nodeType的图像：

关于 nodeType 的 w3schools

- kemicofa ghost