我可以为innerHTML添加样式标记吗？

Question

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

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

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

Answer 1

<style>标记是头部内部CSS代码的容器，因此在此上下文中无法使用该元素完成您要完成的任务。

尝试替换以下行：

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

使用：

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

更新了小提琴（现在使用span代替div，如下面Zach所正确指出的那样）：

http://jsfiddle.net/jbhw1qf0/

Answer 2

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

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

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

OR

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

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