Ajout d'un composant à la table html via l'API Javascript

Question

J'ai un composant tiers que j'ai besoin d'ajouter à une barre de menu sur notre page web. La barre de menu est une table html avec une rangée de cellules, chaque cellule est un lien et j'ai besoin d'ajouter une autre cellule qui contient ce composant. J'ai reçu un api Javascript du développeur du composant. Je peux facilement ajouter une autre cellule à la barre de menu, mais comment ajouter ce composant à la table. Évidemment, je ne suis pas un développeur html/Javascript expérimenté alors s'il vous plaît excuser mon manque de connaissances.

Answer 1

Votre question est de savoir comment laisser le composant faire son travail lorsqu'un visiteur clique sur cette nouvelle cellule? En cas de oui, votre code html devrait ressembler essentiellement comme ceci:

<td onclick="component.doStuff()">Click me</td> 

Cependant, ma réponse va obtenir downvoted, parce qu'il est une mauvaise pratique. Donc, voici une autre approche:

<td id="myCell">Click me</td> 
<script> 
    document.getElementByID("myCell").onclick = component.doStuff; 
</script> 

Ce dernier vous donne la possibilité de placer le code où que vous le souhaitez.