2013-03-06 7 views
0

Что я делаю неправильно в коде ниже, что я не могу получить ссылку на нижний колонтитул div?Как получить ссылку на div?

<html> 
<title></title> 
<head></head> 
<body> 
<script>alert(document.getElementById('footer'));</script> 
<div id="footer">testing footer</div> 
</body> 
</html> 
+2

P.S. '' должно быть внутри заголовка. –

ответ

7

Вы звоните getElementById() перед тем, как нижний колонтитул загружен.

положить сценарий в нижней части body или бега в onload

0

Поместите тег сценария ниже DIV вы пытаетесь выбрать. Я предполагаю, что предупреждение возвращает null?

0

Изменить его:

<script type="text/javascript">alert(document.getElementById('footer').innerHTML);</script> 

И поместить его после DIV.

Примечание: innerHTML предполагает, что вы просто пытаетесь получить текст из этого div.

+0

type = "text/javascript" больше не требуется современными браузерами - это не изменит ситуацию. – Luca

+0

Это хорошая практика –

+0

Это было давно: «Этот атрибут не является обязательным. Поскольку Netscape 2, языком программирования по умолчанию во всех браузерах был JavaScript. В HTML лучше оставить его. Браузер знает, что делать». http://javascript.crockford.com/script.html – Luca

0

Должно быть

<html> 
<title></title> 
<head></head> 
<body> 

<div id="footer">testing footer</div> 
<script>alert(document.getElementById('footer'));</script> 
</body> 
</html> 
0

сценарий Тег я расположенный перед колонтитула и, таким образом, будет выполняться до создания колонтитула.

Есть несколько вещей, которые вы можете сделать:

  • места сценария ниже сноски.
  • добавить атрибут deferred в сценарий
  • прикрепить к OnLoad событие
Смежные вопросы