Luego de consultar especialistas en este tema, programadores de deferentes ramas y maestros dimos con la solución al dilema y la compartimos en este post.
Solución:
Configuración de la value
se usa normalmente para elementos de entrada/forma. innerHTML
se usa normalmente para div, span, td y elementos similares.
value
se aplica sólo a los objetos que tienen el valor attribute (normalmente, controles de formulario).
innerHtml
se aplica a todos los objetos que pueden contener HTML
(divs, spans, pero muchos otros y también controles de formulario).
No son equivalentes ni reemplazables. Depende de lo que estés tratando de lograr
Primero entienda dónde usar qué.
Aquí ahora
var ageElem=document.getElementById('age');
Entonces en esto ageElem
puedes tener tantas cosas que contiene ese elemento. Así que puedes usar su value
,type
etc. attributes. Pero no podemos usar innerHTML porque no escribimos nada entre la etiqueta de entrada
Así que aquí Display Age
es el contenido HTML interno tal como está escrito dentro del botón de etiqueta HTML.
El uso de innerHTML en una etiqueta de entrada solo daría como resultado:
InnerHTML Goes Here
Pero debido a que una etiqueta de entrada no necesita una etiqueta de cierre, se restablecerá a:
Por lo tanto, es probable que sus navegadores estén aplicando los cambios y restableciéndolos inmediatamente.
Reseñas y valoraciones del tutorial
Finalizando este artículo puedes encontrar las observaciones de otros creadores, tú también puedes insertar el tuyo si lo deseas.