getAttribute sous IE

**thomas55** · 06/12/2012, 18h24

Je n'arrive pas à faire fonctionné la méthode javascript getAttribute correctement.
Sous FireFox pas de problème mais sous IE ça ne marche pas.
IE ne semble pas reconnaitre le this.

Merci de votre aide.

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
23
24
25
26
27
28
<html>
	<head>
		<title>Untitled</title>
		<script type="text/javascript">
			function handler()
			{
				if (window.addEventListener)
				{
					document.getElementById ('x').addEventListener("click", att, false);
				}
				else
				{
					document.getElementById ('x').attachEvent ('onclick', att);
				}
			}
 
			function att()
			{
				alert(this.getAttribute ("id"));
			}
 
		</script>	
	</head>
	<body>
		<div id="x">AAAA</div>
		<button onclick="handler();">handler</button>
	</body>
</html>

**SylvainPV** · 06/12/2012, 21h31

Bonjour,

La réponse ici : http://stackoverflow.com/questions/4...ng-attachevent

La solution :

Code :

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

1
2
3
4
5
6
7
8
9
 
function handler()	{
var elm = document.getElementById('x');
if (window.addEventListener){
	elm.addEventListener("click", att, false);
} else {
	elm.attachEvent ('onclick', function(){ att.call(elm); });
}
}

**NoSmoking** · 06/12/2012, 22h52

Bonsoir,
tu peux te contenter de faire un

Code :

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

document.getElementById('x').onclick = att;

si tu n'as pas d'autre action à faire sur le click de l'élément, dans ce cas le this représentera bien l'objet ayant reçu l'événement.

IE et les autres navigateurs ne gèrent pas les événements de la même façon, c'est en partie ce qui explique que le comportement de attachEvent est différent.

Une autre approche est de récupérer l'objet dans la fonction

Code :

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

1
2
3
4
5
function att(e) {
  e = e || window.event;
  var obj = e.target || e.srcElement;
  alert( obj.getAttribute('id'));
}

à toi de voir en fonction de ton besoin.

**thomas55** · 07/12/2012, 10h22

Merci NoSmoking pour ta solution qui m'a aidé, mais j'utilise une bibliothèque ajax pour appeler la fonction att.
De plus dans ma div id="x" j'ai plusieurs autres div, et je veux récupérer l'id ""x" et non l'id "y".

Code :

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

1
2
3
4
5
6
<div id="x">
    AAAA
    <div id="y">
	BBB
    </div>
</div>

**NoSmoking** · 07/12/2012, 15h47

Il te faut utiliser la méthode

Code :

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

1
2
3
4
function att() {
  alert( this.getAttribute("id"));
}
document.getElementById('x').onclick = att;

qui affichera l'ID "x" même si c'est un enfant qui reçoit le clic, et qu'il n'y ait pas de stopPropagation bien sûr.

getAttribute sous IE

JavaScript

Discussions similaires

Partager

Partager