Javascript.RU

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

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

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

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

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


Автор: 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>

Автор: Гость (не зарегистрирован), дата: 31 марта, 2011 - 17:47
#permalink

Очевидно же. У вас при создание новое ячейки никак независит от x и y. Вам нужно при создании ячейки , сделать зависимость от x и y.


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

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


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

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


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

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


Автор: kostya4031 (не зарегистрирован), дата: 23 ноября, 2014 - 04:36
#permalink

Задание ещё актуально, могу помочь но нужно более точно описать задание, а то вы как то очень расплывчато всё описали


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

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


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

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


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

Учебник javascript

Основные элементы языка

Сундучок с инструментами

Интерфейсы

Все об AJAX

Оптимизация

Разное

Дерево всех статей

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