Javascript.RU

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

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

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

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

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


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

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


Автор: PolarBear, дата: 25 января, 2011 - 14: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 - 18:47
#permalink

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


Автор: olga153b, дата: 4 сентября, 2011 - 23:53
#permalink

спасибо,все понятно


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

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


Автор: Arhy#, дата: 1 июня, 2013 - 13:29
#permalink

Пасонээээ мы отстали помогайте забиииииииирайте мана нас отсюда


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

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


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

ь


Автор: Гость (не зарегистрирован), дата: 24 июля, 2014 - 19:33
#permalink

Обломчик


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

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


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

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


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

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


Отправить комментарий

Приветствуются комментарии:
  • Полезные.
  • Дополняющие прочитанное.
  • Вопросы по прочитанному. Именно по прочитанному, чтобы ответ на него помог другим разобраться в предмете статьи. Другие вопросы могут быть удалены.
    Для остальных вопросов и обсуждений есть форум.
P.S. Лучшее "спасибо" - не комментарий, как все здорово, а рекомендация или ссылка на статью.
Содержание этого поля является приватным и не предназначено к показу.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Разрешены HTML-таги: <strike> <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <u> <i> <b> <pre> <img> <abbr> <blockquote> <h1> <h2> <h3> <h4> <h5> <p> <div> <span> <sub> <sup>
  • Строки и параграфы переносятся автоматически.
  • Текстовые смайлы будут заменены на графические.

Подробнее о форматировании

CAPTCHA
Антиспам
1 + 11 =
Введите результат. Например, для 1+3, введите 4.
 
Текущий раздел
Поиск по сайту
Реклама
Содержание

Учебник javascript

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

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

Интерфейсы

Все об AJAX

Оптимизация

Разное

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

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