Что не так со скриптом?

#1 19 декабря 2014 в 23:23
  1. <script type="text/javascript">
  2. document.getElementById('block').innerHTML = 'text';
  3. </script>
  4. <div id="block"></div>
Не очень силен в js, но судя по мануалам с просторов инета данный код должен вставлять в div слово "text"
Но как то не вставляет.
Что не так?
#2 19 декабря 2014 в 23:28
  1. <script type="text/javascript">
  2. $('#block').text('text');
  3. </script>
по мне работа с dom проще в jQuery
#3 19 декабря 2014 в 23:38
в вашем случае попробуйте:
  1. <script type="text/javascript">
  2. function changeText(){
  3. document.getElementById('block').innerHTML = 'text';
  4. }
  5. </script>
т.е. обернуть это все в функцию)). Конкретно в моем примере эту функцию потом нужно где то вызвать.
Обычно вешаются обработчики событий на то или иное действие элемента страницы или самой страницы, и при наступлении этого события обрабатывается/срабатывает написанный вами код.
например:
  1. document.addEventListener("DOMContentLoaded", function(event) {
  2. document.getElementById('block').innerHTML = 'text';
  3. });
#4 19 декабря 2014 в 23:54
Вот чего не знал, того не знал… по чучуть догоняю

Мой первый вариант срабатывает, если сам скрипт вызаывается из отдельного файла js или php асинхронно async // )
#5 20 декабря 2014 в 00:17
Вы пытаетесь менять блок до того как он создан.
То есть div должен стоять выше скрипта.
#6 20 декабря 2014 в 01:38

То есть div должен стоять выше скрипта.

r2
или же, как отметили выше
  1. document.addEventListener("DOMContentLoaded", function(event) {
  2. document.getElementById('block').innerHTML = 'text';
  3. });
  1. <div id="block"></div>
или jQuery:

  1. $(document).ready{
  2. $('#block').text('text');
  3. });
  1. <div id="block"></div>
или еще короче
  1. $(function(){
  2. $('#block').text('text');
  3. });
Документация по теме:
learn.javascript.ru/onload-ondomcontentloaded
learn.jquery.com/using-jquery-core/document-ready/
jquery.page2page.ru/index.php5/Обработчик_готовности_дерева_DOM
jquery.page2page.ru/index.php5/Функция_jQuery
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.