selection element a

**kimcharlene** · 20/09/2009, 21h44

Bonjour

losque je fait

Code :

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

alert(document.getElementById('monIdA'));

la boite de dialogue m'affiche la chaine de caractère contenu dans l'attribut href de ma balise <a> et non l'element a.

En effet c est tres embetant quand je souhaite rajouter un evenement "onclick" sur ma balise <a> (sans le faire inline).

Sinon comment faire?

merci

**SpaceFrog** · 21/09/2009, 08h25

Quel navigateur? quelle version ?

il devrait en effet te retourner

Code :

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

[Object]

**kimcharlene** · 21/09/2009, 08h59

avec firefox 3.5.3, avec IE 8.0 et google chrome 3.0 ^^

voici l'integrale du code (en simplifier)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
	<title></title>
 
 
 
	<script type="text/javascript" >
	function tester(){
		alert(document.getElementById("idA"));
		}
	</script>
</head>
<body>
<input type="button" onclick="tester()" value="clique"/>
<a href="index.html" id="idA">salut</a>
 
</body>
</html>

et le resultat en image

**Bovino** · 21/09/2009, 09h09

Salut,
c'est effectivement une etrangeté que j'avais déjà remarquée, mais il ne me semble pas que cela t'empêche d'accéder aux propriétés de la balise.

**kimcharlene** · 21/09/2009, 09h19

Mais je veux pas accèder aux propriétés, je veux faire un addEvent (via mootools)

quelque chose comme sa :

Code :

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

1
2
3
$('idA').addEvent('click', function(){
    alert('clicked!');
});

**Bovino** · 21/09/2009, 09h27

Ben techniquement, tu veux accéder aux propriétés (ou plus exactement dans ton cas aux méthodes...) puisque addEvent est une méthode de l'objet HTML...

Ceci dit, je ne vois pas en quoi cela pose problème ?
Je ne connais pas mootools, mais si tu fais

Code :

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

1
2
3
document.getElementById('idA').onclick = function(){
    alert('toto');
}

ça devrait marcher...

EDIT :
Du reste

Code :

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

alert(typeof document.getElementById('idAa'))

renvoie bien Object

**kimcharlene** · 21/09/2009, 11h46

En fait pour simplifier l'explication j'ai attribué un ID a ma balise cependant dans mon code authentique j'y accède comme ceci :

Code :

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

var elementA = $('contenu').getChildren('ul li[class=c_panier]').getFirst();

Ce bout de code me permet de recupérer toute les balises <a> contenu dans les balise <li> ayant pour classe c_panier.

et du coup quand je fais :

Code :

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

elementA.onclick = function(){alert('salut');}

cela ne fonctionne pas.

pourtant

Code :

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

alert(typeof $('contenu').getChildren('ul li[class=c_panier]').getFirst());

renvoie bien une variable de type object Oo

Par contre si j'attribut un ID à tout les <a> concerné ça fonctionne.
Je pense que je vais faire cela, ceci dit c'est un peu plus lourd au niveau de mon HTML lors de mises à jour.