2010-04-07 2 views
1

Je me demandais s'il y avait un moyen d'ajouter javascript dans chaque occurrence d'un tag HTML donné, par exemple.Ajout de javascript à chaque occurrence d'un certain élément HTML

<td onmousedown="">

J'ai juste au moment dans chacun de mes balises td dans ma table, mais il doit y avoir un moyen plus propre. Quelque chose comme l'ajout de javascript dans la façon dont CSS ajoute le formatage.

+0

que voulez-vous dire par "l'ajout de javascript"? Voulez-vous dire manipuler des éléments avec javascript ou ajouter des balises de script aux éléments? – hunter

+1

Je veux dire ajouter des choses comme des évènements à des éléments, que je suppose être des "tags de script". (désolé, je suis un débutant absolu donc ne connais pas la terminologie) – Acorn

Répondre

4

Ce que vous cherchez est le plus susceptible "liaison d'événements". Cela peut être fait via votre script plutôt que intégré dans le code HTML. Il y a beaucoup de façons différentes d'accomplir une telle tâche, en voici une qui utilise "td" comme dans votre exemple.

var items = document.getElementsByTagName("td"); 
for (var i=0; i<items.length; i++) { 
    items[i].onmousedown = YourMouseDownFunction; 
} 
1

Ajouter un event listener (Voir aussi: Quirks Mode on events et event listeners) à votre document à la recherche de mousedown événements et filtrer sur la base de l'élément d'origine.

Il existe également une bonne réponse here on Stackoverflow.

+0

Ce sont des liens vraiment utiles! J'ai l'impression que la méthode de filtrage n'est pas idéale mais comme si vous aviez un événement mouseover, chaque fois que vous passez la souris sur un élément de la page, il vérifie s'il s'agit d'un élément qui devrait déclencher une fonction. – Acorn

+0

@Acorn - Je suis content que les liens aient aidé! Et vous avez absolument raison sur la méthode de filtrage, si vous définissez l'écouteur d'événement sur le 'body'! Je crois que vous pourriez placer l'écouteur d'événement sur l'élément 'table' ou' tbody', pour réduire la quantité de vérification que le navigateur devrait faire. –

2

Vous souhaitez utiliser jQuery. Voir http://jQuery.org Cela peut être accompli en utilisant un "sélecteur" (terme jquery)

Questions connexes