td标签内的元素

Question

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

嗨！我是html的新手，有人可以告诉我这个词是什么类型的元素＆＃39; Hello StackOverFlow＆＃39;在 td标记内？它是标签吗？

Answer 1

<td>标记内的元素是文本节点。你无法在CSS中解决它。如果要对其进行样式设置，则必须设置<td>标记的样式，或者使用<span>元素围绕要设置样式的文本。

因此，例如，仅设置Hello：

的样式

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

在你的CSS中

span { font-weight: bold; }

或者你想给它的任何风格。

另请参阅this related question的答案。

Answer 2

想要检查 Hello Stackoverflow 的类型？ Simpy检查td的内容nodeType

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

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

以下是每个nodeType的图像：

w3schools on nodeType