Установка innerHTML по сравнению с настройкой с помощью Javascript

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

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

Ответ 1

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

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

Ответ 2

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

Ответ 3

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

Элементы

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

Ответ 4

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

Ответ 5

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

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

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

Ответ 6

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

innerHTML для div и span

Ответ 7

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

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