JS Создали div, как при создании повесить событие?
Всем привет, подскажите пожалуйста в чем ошибка: создаём скриптом див блок по клику на другой блок, во время создания нового блока нужно повесить на него событие, но оно не хочет прилепляться :(
<script type="text/javascript">
function addDiv(){
var newDiv = document.createElement('div')
newDiv.className="happy"
newDiv.onmouseover="this.style.backgroundColor='red'"//не работает
document.body.appendChild(newDiv)
}
</script>
Вот страничка с примером http://learn.javascript.ru/play/5L17DЯ уже все варианты перепробывал, иногда кажется что там у них какой-то заговор :-? |
<body>
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function addDiv(){
var newDiv = document.createElement('div')
newDiv.className="happy"
newDiv.style.width="100px";
newDiv.style.height="100px";
newDiv.style.border="1px solid red";
newDiv.onmouseover=function (){this.style.backgroundColor='red'}
document.body.appendChild(newDiv)
} addDiv()
</script>
</head>
<body>
</body>
</html>
|
Мистер Deff, большое вам спасибо за помощь. Я точно помню что я так делал и оно не работало. Видать, где-то кавычку не там ставил :D
|
фонарик,
Скорее всего Вы его просто не видели, поскольку размеров не проставили И Дабы не мучицо с кавычками - устанавливайте событие через анонимную функцию, а не прямым присваиванием |
Цитата:
newDiv.onmouseover=function(){this.style.backgroundColor='red'};
|
vadim5june, это что?
|
| Часовой пояс GMT +3, время: 09:43. |