Форум

ArtemPotykun · #1 (**permalink**) 09.03.2018, 11:46

Я вставил текст в body через innerHTML

<div class="test">test</div>

хочю к вставленному тексту применить

var elem = document.querySelectorAll('.test')[0];
elem.cssText = 'color: red;';

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

рони · #2 (**permalink**) 09.03.2018, 12:12

Сообщение от ArtemPotykun

Я вставил текст в body

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

ArtemPotykun · #3 (**permalink**) 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 · #4 (**permalink**) 09.03.2018, 12:23

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

рони · #5 (**permalink**) 09.03.2018, 12:33

Сообщение от ArtemPotykun

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

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

ArtemPotykun · #6 (**permalink**) 09.03.2018, 12:42

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

рони · #7 (**permalink**) 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>

Форум

Справочник

Discord чат

Курсы javascript