Укажите разницу между input.value и input.textContent.Почему один используется вместо другого?

Question

Почему input.textContent используется *1001* input.value . В чем разница между ними?

например, если я хочу получить содержимое из поля ввода.

<input type="number">

Я должен использовать этот код

var input = document.querySelector("input");

input.value

вместо этого

input.textContent

Просто хочу получить более четкое понимание каждого.

Answer 1

С MDN :

[...] textContent возвращает конкатенацию textContent каждого дочернего узла, исключая комментарии и инструкции по обработке.Это пустая строка, если у узла нет дочерних элементов.

По сути, textContent дает вам текстовое представление того, что узел содержит .Считайте, что это все, что находится между открывающими и закрывающими тегами, например

console.log(document.querySelector('span').textContent);

<span> this text </span> but not this one

<input> элементов, однако не может иметь детей (модель содержимого: ничего) .Значение, связанное с ними, может быть доступно только через свойство value.