Javascript: Записать значение в DOM

732
04 января 2017, 04:10

Есть два блока:

  <div class="myclass">1</div>
  <div class="myclass">2</div>

Для блока 1 я сгенерировал число, предположим '111', а для блока 2 - '222'. Я хотел бы присвоить этим блокам идентификаторы, исходя из сгенерированных цифр. Но, чтобы они не отображались на странице типа: <div class="myclass" data-myid="111">1</div>.

Хочется скрыть эти идентификаторы в DOM дереве. И в определенный момент найти, обратиться к ним по сгенерированным числам '111' и '222', чтобы перенести/ клонировать/удалить соответствующий блок.

Подскажите, пожалуйста, как это можно сделать? Желательно только на Javascript без jQuery.

Answer 1
// Функция, генерирующая случайное число
function getRandom(min, max) {
    return Math.random() * (max - min) + min;
}
// Здесь будем хранить ссылки на все найденные элементы
var mapElements = {}
// В вашем случае, получаем все элементы по имени класса:
var elements = document.getElementsByClassName('myclass')
// Перебираем все найденные элементы
for (var i = 0, l = elements.length, i < l; i++) {
    var element = elements[i];
    // добавляем поле dataMyId к каждому элементу и присваиваем ему случайный идентификатор
    // Это поле, естественно не отобразится в HTML
    element.dataMyId = getRandom(100, 900);
    mapElements[element.dataMyId] = element;
}

Потом, для того, чтобы использовать найденные элементы мы можем доставать их по идентификатору из mapElements

READ ALSO
Повторение счетчика каждые 10 секунд

Повторение счетчика каждые 10 секунд

Как сделать так, что бы данный код повторялся по своему истечению (10 секунд), ну то есть зациклить надо его Пробовал через setInterval(startCountdown, 10000);...

707
Автоматическое отображение видео на youtube в ускоренном режиме

Автоматическое отображение видео на youtube в ускоренном режиме

Подскажите скрипт либо расширение для Google Chrome для автоматического ускоренного воспроизведения видео на youtubeЯ хочу, что б все видео на ютубе...

595
Скрыть посты с групп

Скрыть посты с групп

двиг Wowonder на главной выводятся все посты с груп страниц и блогов , необходимо скрыть посты с груп на главной

688
Как реализовать обновление шаблона?

Как реализовать обновление шаблона?

Допустим, есть такой шаблон

621