Установка innerHTML против установки значения с помощью Javascript

Question

Если вы хотите использовать Javascript для изменения HTML, как вы узнаете, когда использовать одно из следующих?

document.getElementById("randomNumber").value = number;
document.getElementById("randomNumber").innerHTML = number;

Answer 1

Установка value обычно используется для элементов ввода / формы.innerHTML обычно используется для элементов div, span, td и подобных.

Вот ссылка, показывающая использование ID.value: http://www.javascript -coder.com / javascript-form / javascript-форма-value.phtml

Answer 2

value для элементов формы, innerHTML, если вы хотите установить содержимое любого другого элемента.
Существует также innerText, если вы хотите установить текстовое содержимое (вам не нужно будет экранироватьтам что-нибудь есть, но там нет HTML)

Answer 3

value обычно является свойством определенных элементов ввода / вывода, таких как input элементы (включая type="hidden").

Элементы

, которые не являются такими, как div, p, a, etc., обычно даже не имеют свойства value, и даже если установлено значение value, не влияет на конечный результат.

Answer 4

value применяется только к объектам, имеющим атрибут value (обычно это элементы управления формой).

innerHtml применяется к каждому объекту, который может содержать HTML (элементы div, span, но многие другие итакже формировать элементы управления).

Они не являются эквивалентными или заменяемыми.Зависит от того, чего вы пытаетесь достичь ...

Answer 5

value представляет значение, которое будет получено или отправлено для элементов input.innerHTML может изменить содержимое фактических элементов.

Answer 6

Значение для ввода

innerHTML для div и span

Answer 7

Используйте .innerHTML, чтобы заменить все внутреннее тело элемента допустимым указанным вами HTML.Хорошим примером этого может быть размещение вложенного div в уже существующем div, если происходит событие.

Используйте .value для элементов формы, которые запрашивают значение, например для ввода текста.