Acceder al elemento Section

[bichomen]

¿Como puedo acceder al elemento section estructura de HTML5 para cambiar la propiedad del background dependiendo de si es una imagen o un color determinado la página que cargo?


bichomen

[ZedGe1505]

Puedes recorrer el DOM con JS

http://librosweb.es/libro/javascript...los_nodos.html

http://librosweb.es/libro/fundamento...er_el_dom.html

[bichomen]

Estuve probando con:

Código HTML:

document.getElementsByTagName("section").style.backgroundImage = "url('../imagenes/imagen.png')";

Pero me daba este error:

Código:

Uncaught TypeError: Cannot set property 'backgroundImage' of undefined

Pero me funciona con:

Código HTML:

document.body.style.backgroundImage = "url('../imagenes/imagen.png')";

Así que de momento así lo dejo. Gracias.


bichomen

[caricatos]

Hola:

Lo que dices que te funciona es el estilo del body y no del section...
En la instrucción anterior te ha faltado el índice, ya que getElementsByTagName, detrás del tag debe ir el índice (entrecorchetado)... cuando aparece "Elements" en el nombre del método, la "s" (ese) final indica que son varios elementos (desde cero ¡cosa que no contemplaré) hasta cualquier número entero positivo. o sea que se debe indicar cual.

Saludos

[IsaBelM]

O mejor aún; usa queryselector() https://developer.mozilla.org/en-US/.../querySelector

[bichomen]

Hola gracias por las respuestas, pues al final había que acceder al elemento como decís por su indice:

Código HTML:

var section = document.querySelectorAll('section')[0];	

Lo único que a diferencia de lo que dice caricatos el 0 si se contempla, ya que al ser el único elemento de tipo sectión su indice es 0.

Bueno esto fue muy fácil, poniendo esto en el index lo ejecuta sin problemas, lo que me trae de cabeza desde ayer es que yo cargo las páginas desde un object y claro el section es un elemento de entidad superior cuando intento a través de javascript pasarle una variable que indica en que página este, para que ejecute un fondo u otro no sirve de nada, ya que el index no lee las variables, ya que estas no pasan de object hacía arriba.

He intentado pasarle la variable por PHP, pero no sirve de nada ya que solo recarga el código de object donde esta la página embutida pero no toda la página que por otro lado tampoco lo deseo.

A ver si me podéis echar una mano, estoy atascado con esto.


bichomen

[caricatos]

Hola:

Iniciado por bichomen

...
Lo único que a diferencia de lo que dice caricatos el 0 si se contempla, ya que al ser el único elemento de tipo sectión su indice es 0.
,,,

Mi comentario se refería a la inexistencia de la etiqueta. En javascript el primer elemento de un array lleva el índice cero, pero cuando no existen elementos se debe tratar de otra manera... antes se debería chequear la existencia de algún tag...

Saludos