Balise <a> et identifiant

Version imprimable

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:

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 ?

12/01/2010, 10h22
kimjoa
heu normalement une fonction s'appel via des parenthèses ;)

sinon, essaye de rajouter un 2 en argument comme ceci
Code:

1 2 document.getElementById('lien', 2);
12/01/2010, 10h24
E.Bzz

Salut !
une chtite erreur de syntaxe

Code:

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+
12/01/2010, 10h28
E.Bzz

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

A+
12/01/2010, 10h30
BiM

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.
12/01/2010, 10h37
E.Bzz
Citation:

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:
  
  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:
  
  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+
12/01/2010, 11h29
kimjoa
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:

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

Citation:

<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>