Home Original page

DOM: работа с HTML-страницей

Форум

 Учебник Node.JS скринкаст Стандарт языка

Справочник

Discord чат

  
Статьи Тест знаний Аналоги функций PHP

Курсы javascript

 

Update: Более новый материал по этой теме находится по адресу https://learn.javascript.ru/document.

Большинство действий в javascript выполняется с HTML-страницей. В javascript страница представлена в виде объектной модели DOM (Document Object Model).

Любые действия со страницей требуют вызова соответствующего метода DOM.

Понимание, как работать с документом в модели DOM - краеугольный камень в javascript-программировании.
  • Share/Save

Автор: Hagrael, дата: 7 июля, 2010 - 14:22

#permalink

Спасибо! Надо читать, и вам понравится! Написано очень живо, без лишнего занудства! Коротко и ясно! И красочно! По вопросам обращайтесь на форуме, вам там помогут, как помогли мне!

Автор: PolarBear, дата: 25 января, 2011 - 13:44

#permalink

следующий код должен строить сетку при нажатии на кнопку, но вместо этого
каждый раз появляется только один квадрат

подскажите где ошибка

<style>
      .draw-field{
  border: 1px dashed black;
  width: 100px;
  height: 100px;
}

.cell{
  background-color: #ffffff;
  border: 1px solid black;
  width: 15px;
  height: 15px;
  display: inline-block;
  


}
    </style>

<script type="text/javascript">
     function CreateGrid(){
      var DrawField = document.getElementById('draw-field');
      var NewCell = document.createElement("div");
      var CellX = document.getElementById('height').value;
      var CellY = document.getElementById('width').value;
      NewCell.setAttribute('class','cell');
      CellX = parseInt(CellX);
      CellY = parseInt(CellY);
      for (var x=1; x<=CellX; x++)
        for (var y=1; y<=CellY; y++){
          DrawField.appendChild(NewCell);
        }
      }
    </script>

<input id="width" size="5" value="3">x<input id="height" size="5" value="3">
    <input type="button" onclick="CreateGrid()" value="GO"><br /><br />
    <div class="draw-field" id="draw-field"></div>

Автор: zhurchik, дата: 2 марта, 2013 - 16:10

#permalink

Спасибо, все четенько и понятно!

Автор: Гость (не зарегистрирован), дата: 24 марта, 2014 - 17:18

#permalink

Спасибо, очень полезный сайт, но документации по DOM все же не хватает, это еще не так хорошо изученное направление.

Автор: Гость (не зарегистрирован), дата: 13 ноября, 2014 - 15:21

#permalink

Помогите please с заданием,обработать массив строк,сформировать содержание,,используя JavaScript Разбить список на 2 уровня,первый уровень-первая буква,второй соответственно строка на эту букву.При нажатии на 2й уровень должна загружатся страница в который расположить справа.СПАСИБО

Автор: yuran1174, дата: 13 апреля, 2016 - 10:59

#permalink

Люди, помогите пожалуйста ) Используя JavaScript, HTML и объектную модель документа (DOM) обеспечить размещение абзаца на HTML-странице по левому краю, по центру и по правому краю. Для доступа к абзацу использовать метод getElementById().(должно быть 3 кнопки по нажатию которых абзац меняет положение лево центр право )

Автор: Ярослав Эрик (не зарегистрирован), дата: 14 декабря, 2022 - 08:22

#permalink

Я посетил Ваш блог и получил огромное количество информативных статей. Я внимательно прочитал много статей и получил информацию, которую давно искал. Надеюсь, вы напишете такую полезную статью в будущем. Спасибо, что написали.

 
Текущий раздел
Поиск по сайту
Содержание

Дерево всех статей
Последние темы на форуме
Forum