PuzzleWeb
.ru
HTML
CSS
JavaScript
PHP
Apache
Справочник JavaScript
>
Объект Element
>
Свойство style
> Свойство style объекта element
Свойство style объекта element
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Название документа</title> </head> <body> <p style="color: blue;" id="test">Это абзац.<p> <button type="button" onclick="foo()">Изменить текст</button><p> <script> function foo() { var x = document.getElementById('test'); var color = " - цвет текста: " + x.style.color; var bold = ".<br> И теперь текст имеет жирное начертание."; x.innerHTML += color + bold; x.style.fontWeight = "bold"; } </script> </body> </html>
Результат:
Отредактируйте код, указанный выше, и нажмите кнопку "GO" для просмотра результата.