Могу ли я добавить тег стиля к innerHTML?

Question

Я пытаюсь опубликовать внутреннюю таблицу HTML. Хотелось бы, чтобы размер шрифта в одной ячейке был больше. Можно ли включить тег стиля как так?

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

Я попробовал следующую скрипку, но она не работает. http://jsfiddle.net/s1dj3x8e/

Answer 1

<style> tag предназначен для того, чтобы быть контейнером для CSS-кода внутри головы, поэтому то, что вы пытаетесь достичь, не может быть сделано с этим элементом в этом контексте.

Попробуйте заменить следующую строку:

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

С:

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

Обновленная скрипка (теперь с span вместо div как правильно указал Зак ниже):

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>';

где CSS .fs40 { font-size:40px; } в вашей таблице стилей.