2010-08-21 4 views
0

Je veux savoir est-il possible de identifier un élément html par son "id"? Si c'est le cas comment puis-je appeler un autre élément html par exemple html table par is id tout cela en utilisant le script java.Comment faire pour récupérer un ID d'un élément html en JavaScript

<a id="a" class="menuheader" >New Arrivals</a> 
<a id="a1" class="menuheader" >Concepts</a> 

Je veux JavaScript pour identifier l'identifiant des deux éléments ci-dessus et sur l'identification de l'appel identifiant un autre élément HTML i.e. une table.

Répondre

2

Je ne suis pas tout à fait sûr de ce que vous voulez.

  • Pour obtenir un élément par son ID, vous pouvez utiliser document.getElementById(id).

  • Pour obtenir l'ID d'un élément, vous avez besoin d'une référence à l'élément et d'accéder à la propriété id: element.id.

+0

comment définir la référence à l'élément? Pouvez-vous m'expliquer comment récupérer un identifiant d'un élément dans un script java? – Ishan

+0

@ user243680: * Pouvez-vous m'expliquer comment récupérer un identifiant d'un élément dans un script java. * C'est le deuxième point de ma liste. * comment définir la référence à l'élément? * C'est le premier point. Il y a plusieurs façons d'obtenir des références. Découvrez les méthodes 'document.getElementsBy *'. Une fois que vous avez une référence, vous pouvez également accéder à ses enfants et ainsi de suite. Je suggère de lire http://www.w3schools.com/jsref/default.asp pour commencer. –

1

Pour accéder à un objet dans votre DOM par son ID, vous pouvez utiliser document.getElementById("...").

Enumérer les enfants d'un conteneur:

for (var i in containerElement.childNodes) 
    var elementId = containerElement.childNodes[i].id; 
+0

'foreach' n'est pas une construction JS. Vous voulez 'for' et' containerElement [i] '.Dans tous les cas, je préfère 'pour (var i = 0; i

+0

Merci, j'ai corrigé mon code. – BlueCode

0

Vous pouvez toujours utiliser le framework JavaScript jQuery, qui est l'OMI bien mieux que le bon vieux JavaScript pour la plupart. Dans jQuery, vous devez simplement passer l'ID de l'élément que vous voulez sélectionner (prévexié par le symbole de hachage pour identifier le sélecteur est un ID) en tant que chaîne pour la fonction jQuery. Ensuite, votre action suivrait une période après le sélecteur

jQuery('#a').actionGoesHere() 

Mais vous plus communément appeler la fonction jQuery par son alias, le signe dollar:

$('#a').actionGoesHere() 

Pas si sûr de ce que votre deuxième partie de la question signifie, donc si vous clarifiez un peu, je serais heureux de vous aider.

0

Je pense que quelque chose comme ceci est ce que vous essayez de faire, si je vous comprends bien. La première est que si vous utilisez des ancres nommées pour appeler vos tables

$("a").click(function() { 

    if ($this.has($("#a"))) { $this.attr("href", "#myfirsttable") } 
    if ($this.has($("#a1"))) { $this.attr("href", "#mysecondtable") } 

}); 

Je n'ai pas eu le temps de l'essayer encore, et je suis un peu endormi en ce moment et pas à mon plus nette, mais C'est la façon la plus simple à laquelle je puisse penser en ce moment.

Questions connexes