innerHTML нам поможет

innerHTML нам поможет

Чтобы уменьшить отрисовку отдельных частей документа в процессе добавления какого-либо большого фрагмента, мы можем сохранять HTML-код в виде текста и лишь на финальном этапе вставлять его в DOM-дерево. Давайте рассмотрим следующий пример:

var i, j, el, table, tbody, row, cell;

el = document.createElement("div");

document.body.appendChild(el);

table = document.createElement("table");

el.appendChild(table);

tbody = document.createElement("tbody");

table.appendChild(tbody);

for (i = 0; i < 1000; i++) {

row = document.createElement("tr");

for (j = 0; j < 5; j++) {

cell = document.createElement("td");

row.appendChild(cell);

}

tbody.appendChild(row);

}

Его можно значительно ускорить, если добавлять узлы не последовательно один за другим, а сначала создав HTML-строку со всем необходимым кодом, которая будет вставлена через innerHTML в конце всех операций.

В данном примере кроме уже указанного ускорения еще используется первоначальное создание массива элементов, которые можно объединить через свойство join в строку. Для больших строк это работает быстрее, чем последовательная конкатенация отдельных частей.

var i, j, el, idx, html;

idx = 0;

html = [];

html[idx++] = "<table>";

for (i = 0; i < 1000; i++) {

html[idx++] = "<tr>";

for (j = 0; j < 5; j++) {

html[idx++] = "<td></td>";

}

html[idx++] = "</tr>";

}

html[idx++] = "</table>";

el = document.createElement("div");

document.body.appendChild(el);

el.innerHTML = html.join("");

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг:

document.write против innerHTML

Из книги автора

document.write против innerHTML Контекстная реклама, пожалуй, является одним из главных «тормозов» при загрузке страницы (при прочих равных условиях), ибо активно применяет document.write, который «морозит» загрузку до получения всех необходимых JavaScript-файлов с внешних серверов.


6. Личностный козырь, который поможет вам в жизни

Из книги автора

6. Личностный козырь, который поможет вам в жизни У вас когда-нибудь возникало ощущение, что что-то получается легко, в то время как остальные с этим мучаются? Мы, например, спокойно общаемся с людьми, а у других есть трудности. Один человек впервые бросил удочку и сразу


Если не хватает денег на копирайтера, поможет рерайтер

Из книги автора

Если не хватает денег на копирайтера, поможет рерайтер Если ваши финансы ограниченны и вы не можете воспользоваться услугами копирайтера, то можно выбрать альтернативный вариант – рерайтинг.Рерайтом называется переработка существующих статей, написанных другим


Приложение Beer Hunt поможет выпить как можно больше пива Михаил Карпов

Из книги автора

Приложение Beer Hunt поможет выпить как можно больше пива Михаил Карпов Опубликовано 14 мая 2013 Желание запротоколировать события своей жизни присуще любому человеку, и с появлением Сети и мобильных устройств результатами своей активности стало


Это приложение поможет починить заглохший автомобиль Михаил Карпов

Из книги автора

Это приложение поможет починить заглохший автомобиль Михаил Карпов Опубликовано 28 мая 2013 Раньше, когда машина ломалась, практически любой водитель не вёз её в автомастерскую, а предпочитал полдня пролежать под ней в поисках поломки. Сейчас,


Как ищут экзопланеты и что поможет их найти Юрий Ильин

Из книги автора

Как ищут экзопланеты и что поможет их найти Юрий Ильин Опубликовано 01 декабря 2010 года Экзопланеты — то есть планеты, вращающиеся на орбитах звёзд за пределами Солнечной системы, — на сегодняшний день представляют собой эдакий «запретный фетиш»


Российский сервис Yep поможет найти интересного человека в любое время Михаил Карпов

Из книги автора

Российский сервис Yep поможет найти интересного человека в любое время Михаил Карпов Опубликовано 14 августа 2013 Сервисы знакомств в интернете существуют, наверно, ещё с середины девяностых годов. Они, однако, ориентированы на целенаправленный


Встроенный в колесо буксир поможет авиалайнерам маневрировать на земле Николай Маслухин

Из книги автора

Встроенный в колесо буксир поможет авиалайнерам маневрировать на земле Николай Маслухин Опубликовано 31 марта 2014 Компания WheelTug разработала одноимённую систему буксировки современных пассажирских самолётов, обычно весьма неповоротливых на


Microsoft и Nokia будут дружить с Android. Но поможет ли это им? Евгений Золотов

Из книги автора

Microsoft и Nokia будут дружить с Android. Но поможет ли это им? Евгений Золотов Опубликовано 18 февраля 2014 «Сумасшедшая» идея подружить iPhone и Android, общем-товыдвинутая неделей ранее Стивом Возняком, была принята всерьёз немногими. Большинство пользователей,


Disney поможет почувствовать кожей прикосновение виртуальных объектов Николай Маслухин

Из книги автора

Disney поможет почувствовать кожей прикосновение виртуальных объектов Николай Маслухин Опубликовано 21 августа 2013 Технологии распознавания жестов и бесконтактного управления устройствами стремительно входят в обиход. И до недавнего времени


Это приложение поможет узнать, насколько вы близки к инцесту (если вы исландец) Михаил Карпов

Из книги автора

Это приложение поможет узнать, насколько вы близки к инцесту (если вы исландец) Михаил Карпов Опубликовано 18 апреля 2013 Знакомство с интересным представителем противоположного пола всегда несёт в себе некоторую долю риска. В Исландии к обычным


ТЕМА НОМЕРА: Не улыбайтесь, это не поможет

Из книги автора

ТЕМА НОМЕРА: Не улыбайтесь, это не поможет Автор: Владимир НиколаевичЛюбители фантастики давно знают, что в будущем техника сможет узнавать нас в лицо. Не раз нам рассказывали и показывали, как всевидящие системы наблюдения выслеживают человека, бегающего по городу и


Америка решилась на «красную кнопку» в мобильнике. Поможет ли? Евгений Золотов

Из книги автора

Америка решилась на «красную кнопку» в мобильнике. Поможет ли? Евгений Золотов Опубликовано 23 апреля 2014 Дискуссии о способах противодействия воровству мобильных телефонов чуть ли не столько же лет, сколько самому мобильнику. Но в последние годы


Игра Little Things Forever для iOS и Android поможет развить внимательность Андрей Письменный

Из книги автора

Игра Little Things Forever для iOS и Android поможет развить внимательность Андрей Письменный Опубликовано 15 марта 2013 Как известно, iPad — отличная игрушка и для детей, и для взрослых. Дети любят игры, взрослые… тоже нередко любят игры. Little Things Forever — очень