Javascript Свойство style
Добавить в избранное
Свойство style – это объект, который соответствует тому, что написано в атрибуте "style".
Установка стиля body.style.width="100px" работает так же, как наличие в атрибуте style строки width:100px.
Для свойства из нескольких слов используется camelCase:
вот маленький пример.
можете с копировать и посмотреть его.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>js style</title>
</head>
<body>
<!-- создадим параграф с классом text и обратимся к нему через js -->
<p class="text">
привет мир!
</p>
<!-- подключим внешний js файл -->
<script src="js.js"></script>
</body>
</html>
// теперь сам javascript код.
// создадим две переменной text и body
// text обратимся к классу text
// body обратимся к тегу body
let text = document.querySelector(".text"),
body = document.querySelector("body");
// присвоим body цвет фона чёрный
body.style.backgroundColor = "#000";
// присвоим тексту белый цвет
css.style.color = "#fff";