Hola tengo una duda. En la web de mozilla cuando se habla de la propiedad DOM innerHTML, dice lo siguiente:

https://developer.mozilla.org/en-US/...ment/innerHTML

Old implementations may not all implement it exactly the same way. For example, when text is entered into a text input, Internet Explorer changes the value attribute of the input's innerHTML property but Gecko browsers do not.

En español más o menos según las traducciones que he visto dice esto:

Esta propiedad fue inicialmente implementada por navegadores web, y luego especificada por el WHATWG y el W3C en HTML5. Implementaciones antiguas no la implementarán exactamente igual. Por ejemplo, cuando el texto es ingresado en una caja de texto(text input), Internet Explorer cambiará el valor de la propiedad innerHTML del elemento text input, mientras que los navegadores Gecko no lo hacen.

Voy a poner dos ejemplos y veréis que en el primero la propiedad innerHTML no devuelve nada de la caja de texto(text input) y el segundo, el de la caja de texto multilinea (textarea) . Tiene lógica pensar que este si devuelve, ya que tiene contenido entre sus etiquetas, cosa que la caja de texto(text input) no, ya que no tiene etiqueta de cierre(pensé que devolvía el valor del atribute value, pero no).

¿La explicación en la web de mozilla esta mal, la traducción al español? porque parece que si por lo que veo



<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<script>
function cambia(){
txt = document.getElementById("txt");
alert(txt.innerHTML);
}
/*
La cadena "<p>primer parrafo hijo de div id="txt"</p><p>segundo parrafo hijo de id="txt" txt</p>" se muestra en la ventana de la consola
*/

</script>
</head>
<body>
<div>
<p>primer parrafo hijo de div id="txt"</p>
<p>segundo parrafo hijo de id="txt" txt</p>
</div>
<input id="txt" name="textfield" type="text" value="prueba">
<input type="button" onClick="cambia()" value="aprieta">

</body>
</html>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<script>
function cambia(){
txt = document.getElementById("txt");
alert(txt.innerHTML);
}
/*
La cadena "<p>primer parrafo hijo de div id="txt"</p><p>segundo parrafo hijo de id="txt" txt</p>" se muestra en la ventana de la consola
*/

</script>
</head>
<body>
<div>
<p>primer parrafo hijo de div id="txt"</p>
<p>segundo parrafo hijo de id="txt" txt</p>
</div>
<input name="textfield" type="text" value="prueba">
<input type="button" onClick="cambia()" value="aprieta">
<textarea id="txt">holaa amigo</textarea>

</body>
</html>