我可以在 innerHTML 中添加样式标签吗?

Can I add a style tag to innerHTML?

本文关键字：标签 样式 添加 innerHTML 我可以      更新时间：2023-09-26

我正在尝试发布一个内部HTML表。希望一个单元格中的字体更大。是否可以包含这样的样式标签？

cell4.innerHTML = "<style: font-size:40px>" + "John Doe" + "</style>" +  "</br>";

我尝试了以下小提琴，但它不起作用。 http://jsfiddle.net/s1dj3x8e/

<style> 标签是头部内部 CSS 代码的容器，因此在这种情况下，您尝试完成的任务无法使用该元素完成。

尝试替换以下行：

cell4.innerHTML = "<style: font-size:40px>" + "John Doe" + "</style>" +  "</br>";

跟：

cell4.innerHTML = "<span style='font-size:40px'>John Doe</span>";

更新了小提琴（现在使用 span 而不是 Zach 在下面正确指出的div）：

http://jsfiddle.net/jbhw1qf0/

样式标签旨在包含包含包含选择器的 CSS 块，允许它们一次设置多个元素的样式。样式标记的所有 CSS 都应位于<style>标记本身之间。

要执行您尝试执行的操作，您需要返回一个元素，该元素使用具有定义样式的类或如下所示的内联样式：

cell4.innerHTML = '<span style="font-size:40px">John Doe</span>';

或

cell4.innerHTML = '<span class="fs40">John Doe</span>';

CSS 在样式表中.fs40 { font-size:40px; }的位置。

相关文章：