Тема: getElementById
Показать сообщение отдельно
  #3 (permalink)  
Старый 13.03.2018, 12:44
Интересующийся
Отправить личное сообщение для DimonFreeman Посмотреть профиль Найти все сообщения от DimonFreeman
 
Регистрация: 18.02.2015
Сообщений: 14

Сообщение от Nexus Посмотреть сообщение
ID - уникальный идентификатор.
<div class="product" id="product-1">...</div>
<div class="product" id="product-2">...</div>

<div class="product" data-product-id="1">...</div>
<div class="product" data-product-id="2">...</div>
<script>
//Получить первый товар используя id
document.getElementById("product-1");

//Получить первый товар используя  data-product-id
document.querySelector('[data-product-id="1"]');

//Получить коллекцию товаров используя data-product-id
document.querySelectorAll('[data-product-id]');
</script>
А по класу product, могу ли я выдернуть [1],[2]?
типа как-то так
document.getElementsByClassName("product").innerHT ML;
Ответить с цитированием