Не меняется цвет через style
Читаю по книге, вроде простой код, но не хочет меняться стиль.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>transition-delay</title>
</head>
<body>
<script>
function O(i) {return typeof i == 'object' ? i : document.getElementById(i)}
function S(i) { return O(i).style }
function C(i) { return document.getElementsByClassName(i) }
S('object').border = 'solid 1px red'
S('object').width = '100px'
S('object').height = '100px'
S('object').background = '#eee'
S('object').color = 'blue'
S('object').fontSize = '15pt'
S('object').fontFamily = 'Helvetica'
S('object').fontStyle = 'italic'
</script>
<div id='object'>Div-объект</div>
</body>
</html>
В чем может быть проблема? |
Классика.
Javascript выполняется по мере физической загрузки документа. На момент исполнения кода div с id = object ещё не существует. Перенесите тег script ниже, либо назначьте обработчик события load(или подобных). |
| Часовой пояс GMT +3, время: 12:25. |