Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   проблемма с appendChild (https://javascript.ru/forum/events/29000-problemma-s-appendchild.html)

frant32 10.06.2012 18:02

проблемма с appendChild
 
<html>
<head>
<style type="text/css">
#oblast{ width : 300px; height : 300px ; background : #ccc ; }
</style>

<script type="text/javascript">
 var point=document.createElement('div');
     point.style.border='solid 1px #888';

 var obl= document.getElementById('oblast');
/*
  coorX=point.style.bottom;
  coorY=point.style.left;
 */ 
  obl.appendChild(point);
</script>
<title></title>
</head>
<body>
<div id="oblast"></div>
</body>
</html>

мне нужно добавить точку (div)
point.style.border='solid 1px #888';
в другой div c айди oblast
можете обьяснит что не так!? Ругается буд-то obl - есть null или не является объектом

devote 10.06.2012 18:30

Цитата:

Сообщение от frant32
obl - есть null или не является объектом

нужно дождатся загрузки документа

devote 10.06.2012 18:31

<html>
<head>
<style type="text/css">
#oblast{ width : 300px; height : 300px ; background : #ccc ; }
</style>
 
<script type="text/javascript">
window.onload = function() {
 var point=document.createElement('div');
     point.style.border='solid 1px #888';
 
 var obl= document.getElementById('oblast');
/*
  coorX=point.style.bottom;
  coorY=point.style.left;
 */ 
  obl.appendChild(point);
}
</script>
<title></title>
</head>
<body>
<div id="oblast"></div>
</body>
</html>

dmitriymar 10.06.2012 18:34

потому что вы пытаетесь получить obl
Цитата:

Сообщение от frant32
var obl= document.getElementById('oblast');

до того как создаётся этот элемент
Цитата:

Сообщение от frant32
<div id="oblast"></div>


frant32 10.06.2012 18:38

всё понял ) спасибо


Часовой пояс GMT +3, время: 21:23.