我可以为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>';

要么

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

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