Discussion :

[fafoula]

bonjour,
J'ai besoin de faire un test d'existance sur l'element que je cherche pour ne pas avoir des erreurs par la suite, est ce qu'on pourra m'indiquer comment le faire?
Merci

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if (document.getElementById('idObjet'))

sinon avec try catch ... ?

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementsByName('nom')

te renvoie la collection d'éléments ayant le name="nom", ensuite à toi de sélectionner celui que tu veux et de récupérer le value :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementsByName('nom')[0].value

Cependant, passer par l'attribut name est délicat car IE pose des problèmes (étonnant, non ?) il est donc préférable de passer par l'id.

[Auteur]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementsByName('nom')

te renvoie la collection d'éléments ayant le name="nom", ensuite à toi de sélectionner celui que tu veux et de récupérer le value :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementsByName('nom')[0].value

Cependant, passer par l'attribut name est délicat car IE pose des problèmes (étonnant, non ?) il est donc préférable de passer par l'id.

1- getElementsByName est dépréciée par Firefox, donc à éviter. Le mieux est de passer par un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var tousElements = document.getElementsByTagName("*") // on prend tous les tagName

puis de réaliser une boucle (tousElements est un tableau) sur le tableau retourné par la fonction et de rechercher les éléments ayant l'attribut name="valeurRecherchee"

2- Non IE ne pose pas de problème... Sauf quand il s'agit d'insérer dynamiquement des composants puis de leur affecter une valeur à leur attribut name.
cf. cette discussion également

3- getElementsByName n'est utilisable que sur les composants du formulaire : form, input (text, radio, checkbox, file, button, password), select, option etc. Les autres balises (span, div, p) n'ont plus l'attribut name (en tout cas pour ces balises il n'existe plus sous FF3).

[E.Bzz]

Ceci dit, pour accéder à un élément de la page, la solution à privilégier est celle de l'id, comme indiqué par SpaceFrog.
Elle ne pose jamais de problème quelque soit le contexte / navigateur.

A condition, bien sûr, que cet id soit défini pour l'élément, et unique ...

A+

[Lexarino]

Bonjour à tous,

Voilà je suis ultra débutant en javascript et ma question est la suivante, bien évidemment liée à ce thread :

Je souhaiterais très simplement changer la couleur de TOUTES mes balises h1 :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function changeCouleur() {
	document.getElementById.style.color = 'red';
}

Dois-je spécifier un id à toutes mes h1 ?
Ou existe-t-il une fonction propre à cette balise ?

Merci !

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
var liste = document.getElementsByTagName('h1');
for(var i=0;i<liste.length;i++){
liste[i].style.color='red'
}

[Lexarino]

Merveilleux !
Merci à toi bovino (ta signature est sympa !)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
bovino {
       reactivite: 100%;
}