Как правильнее получать значение тега?

Question

[Vadim Rublev]

Как правильнее получать значение HTML-тега?
Все варианты работают одинаково:
let myVar = document.getElementById('idTag');
let myVar = document.getElementById('idTag').value;
let myVar = document.getElementById('idTag').innerHTML;

Comments

[Михаил]

какое значение из какого тега?

[Vadim Rublev]

Значение из тега, id-идентификатор которого здесь указан (idTag).

[Vadim Rublev]

Значение любое в теге может быть. Типа: <button>Нажать!</button>
- здесь значение: Нажать!.

Answer 1

[Надим]

Вот так можно получить чисто текст:
document.querySelector('h1').innerText;

Вместо h1 можете указать любой другой тег или просто прописать id элемента:
document.querySelector('#id').innerText;

Можно также искать элемент по классу:
document.querySelector('.class_name').innerText;

Comments

[Vadim Rublev]

"Чисто текст" - это то, что между открывающим и закрывающим тегам?

[Надим]

Vadim Rublev, да, текст между открывающим и закрывающим тегом. Именно текст, без других тегов, если внутри выбранного тега, есть еще теги. Короче, пробуйте, экспериментруйте.

[Vadim Rublev]

Понял.

А из тех примеров, что в вопросе, какой правильнее?
Речь там про всё содержимое между открывающим и закрывающим тегами.

[Надим]

Vadim Rublev, если нужно прям все содержимое, а не только текст, тогда:
document.querySelector('#id').innerHTML;
Вернет, полное содержимое между тегами.

Есть еще вариант получить полностью сам тег вместе с содержимым:
document.querySelector('#id').outerHTML;

[Vadim Rublev]

Понял. Спасибо!