[Resuelto] javascript propiedad "innerText" en Firefox/Chrome

Iniciado por DarK_FirefoX, 24 Abril 2015, 18:38 PM

0 Miembros y 1 Visitante están viendo este tema.

DarK_FirefoX

Estaba haciendo unas pruebas con javascript y me surgió el siguiente problema/duda.

Tengo un archivo llamado "simple.js" con el siguiente código:

Código (javascript) [Seleccionar]
document.getElementById("applecode").innerText="cherries";

Y tengo un documento "index.html" con el siguiente código:

Código (html4strict) [Seleccionar]

<!DOCTYPE HTML>
<html>

<head>
<title>Example</title>
</head>

<body>

<p>
I like <code id="applecode">apples</code> and oranges.
</p>

<!-- Aqui cargo el script externo de simple.js -->
<script src="simple.js"></script>
</body>
</html>


Estoy claro que al hacer esta llamada al script se ejecutará una vez que carge los elementos HTML anteriores a el (por estar detrás de los elemenos). También probe utilizando el attributo defer y colocando la llamada al script dentro de las etiquetas HEAD

El problema es que en Mozila Firefox no me cambia el valor de la propiedad innerText para el elemento con el ID seleccionada. Lo raro, para mí, es que en Google Chrome si lo cambia.

¿A que se debe esto? ¿Estoy haciendo algo mal?

T. Collins

En Firefox no existe innerText, sino textContent.

Código (javascript) [Seleccionar]
document.getElementById("applecode").textContent="cherries";

#!drvy

Tal y como lo ha dicho el compañero T. Collins. Aparte yo te recomendaría usar textContent antes que innerText. Es un elemento que IE introdujo (y los demas replicaron excepto mozilla). No es un estandard de la W3C.

https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent

Saludos

DarK_FirefoX

Muchas gracias! No sabía, estoy adentrándome más en el desarrollo web, y estaba siguiendo un texto que utilizan Google Chrome como navegador. También no es un texto relativamente nuevo!