Дописать класс к id в функции document.getElementById

[Jimmi]

Функция document.getElementById позволяет обратиться к элементу через его id. Но как указать скрипту названия класса родителяского блока данного элемента?

Пример того как я представляю реализацию данного условия. Изменяем значение свойства value в теге input:

<div class="parent">
<input id="element" value="Отправить">
</div>

document.getElementById('.parent#element').value = 'Задать вопрос';
$('.parent#element').val('Задать вопрос');

[рони]

getElementById

querySelector

[Nexus]

document.querySelector('.parent #element').value = 'Задать вопрос';
$('.parent #element').val('Задать вопрос');

ID элемента должен быть уникальным.
Почитайте про селекторы:
https://learn.javascript.ru/css-selectors

[laimas]

Может тогда и <input type="submit" id="element" value="Отправить">?

[laimas]

Nexus, приветствую, сына заблудшего.

[Jimmi]

document.querySelector('.parent #element').value = 'Задать вопрос';
$('.parent #element').val('Задать вопрос');

Спасибо. Помогло!

ID элемента должен быть уникальным.
Почитайте про селекторы:
https://learn.javascript.ru/css-selectors

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

[ksa]

Ситуации бывают разные.

Для ИД ситуация должна быть однозначной - он уникален на странице.
Если уникальности нет - используй class.

[Malleys]

Для ИД ситуация должна быть однозначной - он уникален на странице.

Вообще-то человек правильно написал — ситуации бывают разные! На странице может быть, например, 5 явно не достигаемых при помощи document.getElementById элементов с одинаковым id (поскольку они в разных Shadow DOM) и один явно достигаемый при помощи document.getElementById элемент с тем же id. Хотя получается, что на странице 6 элементов с одинаковыми идентификаторами, невозможно сказать, что нет уникальности.

[ksa]

на странице 6 элементов с одинаковыми идентификаторами

Это уже не верно по определению...

[Malleys]

Это уже не верно по определению

А вы разве знаете определение?

Вот, читаем в спецификации

When specified on HTML elements, the id attribute value must be unique amongst all the IDs in the element’s tree and must contain at least one character. The value must not contain any space characters.

Как видите, согласно спецификации, нет необходимости, чтобы на странице был только один элемент с указанным идентификатором.

Вот, например, на странице два элемента с одинаковым id, но они находятся в разных деревьях DOM, что полностью удовлетворяет требованиям спецификации.

<section id="a">a</section>
<section id="b">b</section>
<script>
	const root = document.getElementById("b").attachShadow({ mode: "closed" });
	root.appendChild(document.getElementById("a").cloneNode(true));
</script>