Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.06.2012, 18:02
Аспирант
Отправить личное сообщение для frant32 Посмотреть профиль Найти все сообщения от frant32
 
Регистрация: 03.02.2012
Сообщений: 67

проблемма с 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 или не является объектом
Ответить с цитированием
  #2 (permalink)  
Старый 10.06.2012, 18:30
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

Сообщение от frant32
obl - есть null или не является объектом
нужно дождатся загрузки документа
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием
  #3 (permalink)  
Старый 10.06.2012, 18:31
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

<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>
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием
  #4 (permalink)  
Старый 10.06.2012, 18:34
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,589

потому что вы пытаетесь получить obl
Сообщение от frant32
var obl= document.getElementById('oblast');
до того как создаётся этот элемент
Сообщение от frant32
<div id="oblast"></div>
Ответить с цитированием
  #5 (permalink)  
Старый 10.06.2012, 18:38
Аспирант
Отправить личное сообщение для frant32 Посмотреть профиль Найти все сообщения от frant32
 
Регистрация: 03.02.2012
Сообщений: 67

всё понял ) спасибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
mouseOver после appendChild shilinpavel Элементы интерфейса 4 21.09.2011 20:24
Проблемма c readyState и status 5Seven AJAX и COMET 5 21.02.2010 18:23
Поймать appendChild Phoenix Общие вопросы Javascript 8 26.10.2009 21:08
Проблемма с JS и onmousemove в ИЕ Dimamerk Events/DOM/Window 2 28.08.2009 23:42
В Mozilla Firefox 3.0 проблемма с Javascript меню artmedia Элементы интерфейса 1 07.09.2008 09:43