1

Доброго времени суток.

Скажите почему везде говорится, что атрибут id в html должен быть всего один на странице, но у многих этот id стоит практически у всех тегов. И если он должен быть один то где.

Заранее спасибо.

4
  • не атрибут должен быть один, а его значение должно быть уникальным на страница, об этом есть в спецификации
    – Grundy
    29 мая 2019 в 21:43
  • 1
    если будет несколько одинаковых id то при поиске элемента выберется только первый 30 мая 2019 в 5:18
  • @Grundy ;) вернемся к вопросу с поддеревом, а не на странице? :D
    – teran
    30 мая 2019 в 6:58
  • @teran, я не помню на чем мы остановились, и на какой стороне был я :-D
    – Grundy
    30 мая 2019 в 7:00

2 ответа 2

8

id должен быть один. Не в смысле сам атрибут id, а значение его.

Если есть input с id="user_email" например, то больше такого id на странице быть не должно. Могут быть другие, например, id="user_password", или id="save_button", уникальным короче он должен быть, а не единственным. Как и любой другой id в любой другой системе.

9
  • давайте точную цитату спецификации тогда уж, раз про уникальность речь пошла :) хотелось бы увидеть еще толкования выражения element home subtree, или как оно там звучит в оригинале
    – teran
    30 мая 2019 в 7:00
  • @teran, плохо что поиска по комментариям нет :-) неплохо было б освежить, да и ссылки там все были :)
    – Grundy
    30 мая 2019 в 7:01
  • @Grundy тыж программист :D data.stackexchange.com/ru/revision/1058514/1307147/…
    – teran
    30 мая 2019 в 7:44
  • @teran, кстати мог бы проверить свое предположение относительно валидатора и разных веток :-) и вопрос бы отпал сам собой
    – Grundy
    30 мая 2019 в 7:50
  • @Grundy я бы доверял валидатору от w3c, но там валидатор для html 4.01, в той спецификации судя по комментам предыдущих обсуждений уникальность была прописана на страницу целиком.
    – teran
    30 мая 2019 в 8:00
0

let s = document.getElementById("id1"); // выберется только первый

console.log(s);

let ids = document.querySelectorAll("[id ^= id_]"); // выберутся все, которые начинаются на id_

ids.forEach(function(e){
  console.log(e);
});
<div id="id1">p1</div>
<div id="id1">p2</div>
<div id="id1">p3</div>
<div id="id1">p4</div>
<div id="id1">p5</div>

<div id="id_1">p</div>
<div id="id_2">p</div>
<div id="id_3">p</div>
<div id="id_4">p</div>
<div id="id_5">p</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.