Что будет если объявить двум элементам один id?

Question

[DaniilPo]

Добрый день, можно ли объявить двум элементам один id и допустим через js я получаю через id элемент и я получу только один элемент или сразу два что находятся под одним и тем же id?
Просто задача условно такая - у меня есть картинка и текст к этой картинки и при определённых условиях мне нужно скрыть эти два элемента одновременно и нужно всё равно это по отдельности делать или можно сделать примерно как я сказал выше или есть лучше варианты ?

Comments

[rPman]

чтобы оперировать с несколькими элемнетами нужно им не идентификатор одинаковый присваивать а класс
<div class="xxx yyy">
селекторы позволяют работать с классами
.yyy

[Сергей delphinpro]

Зачем вы тупите, люди?

Идентифика́тор, ID (англ. data name, identifier — опознаватель) — уникальный признак объекта, позволяющий отличать его от других объектов, то есть идентифицировать.

Что здесь непонятного? Уникальный, мать его, признак! Единственный!

[Ankhena]

можно ли объявить двум элементам один id

Нельзя.

и допустим через js я получаю через id элемент и я получу только один элемент или сразу два что находятся под одним и тем же id?

Видимо просто "нельзя" написанного в спеке вам недостаточно.
Ну раз так, то возьмите и попробуйте, что будет.

Просто задача условно такая - у меня есть картинка и текст к этой картинки и при определённых условиях мне нужно скрыть эти два элемента одновременно и нужно всё равно это по отдельности делать или можно сделать примерно как я сказал выше или есть лучше варианты ?

Вы можете внятно объяснить, почему не используете для этого классы? Зачем нужно изобретать велосипед?
Или почему нельзя в селекторе написать два id (или класса) через запятую?
Или почему, в конце концов, не воспользоваться data атрибутами?

[DaniilPo]

Александр, хд напомните а то позабыл

[Сергей delphinpro]

DaniilPo, Это была отсылка к книге Стива Макконнелла "Совершенный код", в которой он пишет

Пишите код так, как будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете.

Кстати, настоятельно рекомендую книжку к прочтению.

[DaniilPo]

Сергей delphinpro, приму к сведению

Answer 1

[Алексей Ярков]

<img data-id="uuid" />
<p data-id="uuid" >text</p>

querySelectorAll('[data-id="uuid" ]');

можно ли объявить двум элементам один id

Можно, но в приличном обществе могут ударить по лицу за такое.

Comments

[ambisinister One]

Идентификатор в коде документа должен быть в единственном экземпляре

[Алексей Ярков]

ambisinistrone, а я что написал?

[Алексей Ярков]

Александр, классика же ))

Пишите код так, как будто сопровождать его будет склонный к насилию психопат, который знает, где вы живёте

Answer 2

[true]

конечно же можно
и не слушай маньяков которые внушили себе что нельзя

это не вызывает ошибку

технически это просто обычный атрибут объекта внутри которого текст
не важно как он называется - id или class

можно конечно же в команде договориться об уникальности id
а можно не заморачиваться

откуда ноги растут у этой догмы?
есть такая нестандартная но везде поддерживаемая фишка - браузер автоматически создает переменную одноименную с ид
и ты можешь сразу использовать эту переменную не обьявляя ее
если хочешь пользоваться этим то да, ид должен быть уникальным
но когда в документе несколько одинаковых ид то просто используй квериселектор(#)

Comments

[DaniilPo]

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