0
votes

JavaScript innerhtml: bouton ne fonctionne pas à l'intérieur de la table

J'ai ajouté un bouton à l'intérieur de ma table innerhtml, le bouton de la première ligne, mais ceux suivants ne fonctionnent pas.

html: xxx

JavaScript: < / p> xxx

J'ai essayé: xxx

mais la sortie est = [objet htmlbuttonelement]


1 commentaires

Dans le premier extrait, la ligne txt + = " + obj [x] .Name + " comprend obj [x] au String littéralement, c'est-à-dire qu'il manque une paire de citations. Lorsque vous ajoutez les devis, le snippet semble fonctionner ..?


4 Réponses :


0
votes

Changez votre boucle comme ceci, ça marche pour moi. XXX


0 commentaires

0
votes

Un bouton sans type (bouton ou soumettre) fonctionne comme un bouton Soumettre. Comme il n'y a pas de forme, rien ne sera soumis.

Vous pouvez utiliser les attributs de l'autre bouton pour le vôtre. P>

let btn = document.createElement("button");
btn.type = 'button';
btn.onclick = tes; // the function tes() must be declared
btn.value = 'Click me';

// Better use DOM here
// txt += "<td>" + btn + "</td></tr>";

let td = document.createElement('td');
td.appendChild(btn);

let tr = document.createElement('tr');
tr.appendChild(td);

tbl.appendChild(tr);


0 commentaires

0
votes

Il y a un moyen de résoudre ce problème dans votre code.

bases sur, pas très efficace, mais fonctionne, approche où onclick code> manipulateur est défini en ligne que vous pouvez transmettre l'événement code> pour gérer Cliquez sur. Et ensuite faire référence au bouton via event.target code>. P>

Évitez de définir le même ID code> pour un nombre d'éléments tels que id = 'BTNClick' code>, il n'y a pas de sens. p>

p>

<p id="stat_tbl"></p>


7 commentaires

Ajoutez également THEAD / TODY et non recommandé d'avoir des gestionnaires d'événements en ligne


Et pourquoi pas Tes (ceci)?


@mplungjan, je préfère ne pas perdre l'événement. Si ce n'est pas une exigence ce peut également utiliser. Vraiment? Pourquoi pas.


Je recommanderais vivement de me déléguer comme je le fais dans Mon code - Vous obtenez le meilleur de tous les mondes. L'événement et le bouton de manière inégale


Je devrais être d'accord, la délégation d'événements dans des cas presque (pas tous, presque) sont meilleures, c'est vrai. Mais, désolé, je peux suggérer que ce n'est pas lié à cette question.


Je ne crois pas à simplement répondre à la question. Si le principe est faux, répondez à une question de syntaxe n'enseignait rien


De toute évidence, je peux dire que je partage également votre point de vue. Peut-être dire, imho, il est préférable d'apprendre quelque chose étape par étape. Je pense que cela peut être un peu compliqué de comprendre la réponse à une question que vous ne connaissez pas.



0
votes
  1. créer HTML valide LI>
  2. Déléguer le bouton Cliquez sur LI>

    p>

    <p id="stat_tbl"></p>

0 commentaires