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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вот, например, на странице два элемента с одинаковым 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>