CU01128E getElementsByTagName javascript cambiar estilos css acceder nodos

Acceder a elementos JavaScript. getElementsByTagName.

APRENDERAPROGRAMAR.COM

GETELEMENTS
BYTAGNAME JAVASCRIPT.
ACCEDER A ELEMENTOS
DE UN FORMULARIO.
CAMBIAR ESTILOS CSS
CON JAVASCRIPT.
(CU01128E)Sección: Cursos
Categoría: Tutorial básico del programador web: JavaScript desde cero
Fecha revisión: 2029
Resumen: Entrega nº28 del Tutorial básico “JavaScript desde cero”.

© aprenderaprogramar.com,2006-2029

Autor: César Krall

Acceder a elementos
e
JavaScript. getElem
mentsByTagNam
me.

GETELEMENTSBYTAG
GNAME
El acceso
o a un nodo
o concreto del
d DOM usaando getElementById es muy frecuuente, pero hay otras
maneras
de
accceder
a
los
nod
dos
del
U
Una
de
DOM.
ellas
es
usando
getElementsByTagNam
me('etiquetaaBuscada'). Esta
E función nos devuelvve un array cconteniendo
o todos los
nodosDO
OM cuya etiqueta coincid
de con etiqueetaBuscada.

e que apareecerán los elementos en
n el array (co
omenzando con
c índice ceero) es el mismo en el
El orden en
que apareezcan en el código
c
de lapágina
p
web. Ejemplo:

v elemento
var
osDiv = docu
ument.getEle
ementsByTaggName('div'));

Nos devo
olverá un arrray con todo
os los nodoss de tipo ele
ement cuya etiqueta seaa div, empezzando coníndice cerro: elemento
osDiv[0], elem
mentosDiv[1
1], elementossDiv[2], elem
mentos div[3] … hasta el índice que
sea necessario para ab
barcar tantoss elementoss div como haya en el có
ódigo. Podem
mosobtener los nodos
de cualqu
uier tipo de etiqueta:
e
div,, span, p, lab
bel, input, h1, h2, etc.
Tener en cuenta que escribimos document.ge
d
etElementsByyTagName('d
div') porque queremos empezar
e
labúsquedaa desde el no
odo raíz del DOM, es deecir, el nodo
o document (así exploram
mos todos lo
os nodos).
Podríamo
os empezar laa búsqueda por
p otro nod
do si resultarra de interés..

CAMBIAR
RESTILOS CSS CON JAVA
ASCRIPT
Una posib
bilidad intereesante de JavvaScript seráá poder mod
dificar de forrma dinámicaa el aspecto de la web
modifican
ndo el CSS associado. La siintaxis para poder...