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.


Автор: niku (не зарегистрирован), дата: 14 июля, 2020 - 11:22
#permalink

It is wonderful to be here with everyone, I have a lot of knowledge from what you share, to say thank you, the information and knowledge here helps me a lot temple run


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

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


Автор: Delpini22, дата: 16 августа, 2020 - 09:33
#permalink

Generally petroleum general marshal rasinski federacia kriminalnaia Muir roosia Prezident Tornike devnozashvili na Vladimir vladimerovich putina


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

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


Автор: Гость (не зарегистрирован), дата: 12 июня, 2018 - 21:09
#permalink

постоянно используется при создании сайтов.


Автор: Hank (не зарегистрирован), дата: 16 июня, 2020 - 21:35
#permalink

thanks, true. It was used when creating my site: fence companies rochester ny


Автор: Гость (не зарегистрирован), дата: 20 октября, 2018 - 07:06
#permalink
[css]
[/css]

Автор: Adela Anne (не зарегистрирован), дата: 20 апреля, 2020 - 11:48
#permalink

Thanks so much for the information you shared in this article! I am sure many will find many such useful things on this site as well. basketball stars


Автор: furia77 (не зарегистрирован), дата: 25 августа, 2020 - 02:21
#permalink

Thanks for sharing the information I like how you explain it in an easy way I am always willing to learn with the current elements and tools catalogos ofertas


Автор: 먹튀검증커뮤니티 (не зарегистрирован), дата: 22 ноября, 2020 - 05:33
#permalink

Wow what a Great Information about World Day its very nice informative post. thanks for the post 먹튀검증커뮤니티


Автор: 소액대출 (не зарегистрирован), дата: 22 ноября, 2020 - 05:34
#permalink

Thanks for your information, it was really very helpfull 소액대출


Автор: Гость (не зарегистрирован), дата: 22 декабря, 2020 - 21:06
#permalink

These reasons to learn English just makes sense. It is pretty useful when it comes to the real world because it is the universal medium when it comes to business and the world of information technology. It is a pretty useful tool when it comes to getting bed wars unblocked and when coding for a lot of companies because they typically use English to communicate to each other. That is probably why English should be taught early on a child’s life to secure their future careers. You can learn tips and tricks to better learn the language from this game source.


Автор: 먹튀검증사이트 (не зарегистрирован), дата: 8 января, 2021 - 09:08
#permalink

What a nice comment!Nice to meet you. I live in a different country from you. Your writing will be of great help to me and to many other people living in our country. I was looking for a post like this, but I finally found 먹튀검증사이트.


Автор: sexkontakt duisburg (не зарегистрирован), дата: 11 февраля, 2021 - 09:25
#permalink

You must to try sexkontakt duisburg - the best web place for free sexy chat with hot ladies, and you will not regret it!


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

Приветствуются комментарии:
  • Полезные.
  • Дополняющие прочитанное.
  • Вопросы по прочитанному. Именно по прочитанному, чтобы ответ на него помог другим разобраться в предмете статьи. Другие вопросы могут быть удалены.
    Для остальных вопросов и обсуждений есть форум.
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 + 0 =
Введите результат. Например, для 1+3, введите 4.
 
Текущий раздел
Поиск по сайту
Содержание

Учебник javascript

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

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

Интерфейсы

Все об AJAX

Оптимизация

Разное

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

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