Balise <a> et identifiant

**BiM** · 12/01/2010, 10h19

Bonjour,

Je n'arrive pas à récupérer un élément <A> qui possède un identifiant (id) en JavaScript.

Voici un code exemple simplifié :

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
12
<html>
	<head>
		<script language="javascript">
			function tester() {
				alert(document.getElementById["boutonTest"]);
			}
    		</script>
	</head>
	<body>	      							
		<a id="boutonTest" onclick="javascript:tester();">Test</a>
	</body>
</html>

Testé sous IE et Firefox.

Une idée ?

**kimjoa** · 12/01/2010, 10h22

heu normalement une fonction s'appel via des parenthèses

sinon, essaye de rajouter un 2 en argument comme ceci

Code :

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

1
2
 
document.getElementById('lien', 2);

**E.Bzz** · 12/01/2010, 10h24

Salut !
une chtite erreur de syntaxe

Code :

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

alert(document.getElementById("boutonTest").innerHTML);

Sans le "innerHTML", il va uniquement t'afficher [object]

Sinon, pas de "javascript:" dans le code des évènements.

A+

**E.Bzz** · 12/01/2010, 10h28

@kimjoa : Effectivement, on peut tester des trucs, mais un 2° argument pour getElementById() ??

A+

**BiM** · 12/01/2010, 10h30

Merci à vous 2 et honte à moi !

En fait à la base, j'essayais un accès document.boutonTest, après j'ai essayé un getElementById pour récupérer effectivement avec une erreur de syntaxe.

**E.Bzz** · 12/01/2010, 10h37

Envoyé par BiM

j'essayais un accès document.boutonTest

Il y a 2 méthodes à privilégier pour accéder à un élément de la page :

Dans une logique de formulaire (accès via une "collection") :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
```
document.forms['name_du_form'].elements['name_element']
```
(l'élément doit être dans le form et les 2 doivent avoir un name)
NB : d'autres syntaxes existent, mais offrent moins de souplesse (names dynamiques, par ex.) ou posent des problèmes de compatibilité ...
Dans tous les cas :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
```
document.getElementById('id_element')
```
(il est préférable d'utiliser l'id autant que possible, car c'est le seul attribut garanti unique dans toute la page => donner un id à tout élément susceptible d'être appelé via Javascript)

A+

**kimjoa** · 12/01/2010, 11h29

en faite me suis tromper E.Bzz, c'est pas sur getElementById que le 2 est nécessaire pour IE (en faite), mais pour accéder a certain attribut que voici

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
attributesURI = {
    'action': 2, 
    'cite': 2, 
    'codebase': 2, 
    'data': 2,
    'href': 2,
    'longdesc': 2, 
    'lowsrc': 2,
     'src': 2, 
    'usemap': 2
  };

par exemple testé sous ie6

<a href='#' id='test'>lien</a>
<script type="text/javascript">
alert(document.getElementById('test').href);
alert(document.getElementById('test').getAttribute('href'));
alert(document.getElementById('test').getAttribute('href', 2));
</script>

Balise <a> et identifiant

JavaScript

Vue hybride

Discussions similaires

Partager

Partager