我正在尝试发布一个内部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; }
的位置。