Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Не получается innerHTML css (https://javascript.ru/forum/misc/72945-ne-poluchaetsya-innerhtml-css.html)

ArtemPotykun 09.03.2018 11:46

Не получается innerHTML css
 
Я вставил текст в body через innerHTML
<div class="test">test</div>

хочю к вставленному тексту применить
var elem = document.querySelectorAll('.test')[0];
elem.cssText = 'color: red;';

но не работает

рони 09.03.2018 12:12

Цитата:

Сообщение от ArtemPotykun
Я вставил текст в body

где код вставки?

ArtemPotykun 09.03.2018 12:21

оговорился не body а блок
вот весь код
var block = document.querySelectorAll('#block')[0];
block.innerHTML = '<div class="test">test</div>';
var elem = document.querySelectorAll('.test')[0];
elem.cssText = 'color: red;';

ArtemPotykun 09.03.2018 12:23

не работает
не добавляет атрибут style

рони 09.03.2018 12:33

Цитата:

Сообщение от ArtemPotykun
не добавляет атрибут style

так style и используйте

ArtemPotykun 09.03.2018 12:42

глупая ошибка
спс что помогли

рони 09.03.2018 12:52

ArtemPotykun,


setProperty
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">



</head>

<body>
<div id="block"></div>
 <script>
var block = document.querySelectorAll('#block')[0];
block.innerHTML = '<div class="test">test</div>';
var elem = document.querySelectorAll('.test')[0];
// elem.style.cssText = 'color: red;'// работает но нежелательно
// elem.style.color = 'red'; //стандартный метод
 elem.style.setProperty('color','red') //если хочется погорячее

  </script>
</body>
</html>


Часовой пояс GMT +3, время: 00:42.