référence de l'élément passant par html

Question

créé dynamiquement permet de dire que j'ai une référence de l'élément obtenu ala ...

var x=document.getElementById("ID123"); 

Maintenant, je veux inclure une fonction de x sur un élément html créé dynamiquement ala ...

myWin.document.write("<input type='button' data-doit=????? value='Do It' onclick='window.doit(?????);'/>"); 

de sorte que la fonction Doït() peut recréer la référence originale x

function doit() 
{ 
var x = ?????; 
} 

droit maintenant je le fais en obtenant un index numérique de x tel que trouvé via getElementsByTagName et en le passant en paramètre à doit().

Existe-t-il un moyen de le faire?

Answer 1

je passerais probablement l'ID de x-doit(), ce qui nécessiterait doit() à ressembler à quelque chose comme ceci:

function doit(id) { 
    var x = document.getElementById(id); 
    // etc 
} 

En ce qui concerne la création de l'élément input va, il y a deux façons de le faire. Ceci est similaire à votre solution actuelle (mais non standard):

myWin.document.write('<input ... onclick="doit(' + x.id + ');" />'); 

La solution standard est de créer votre nouvel élément input en utilisant l'API DOM:

var input = myWin.document.createElement('input'); 
input.type = 'button'; 
// other properties 
input.onclick = function() { 
    doit(x.id); 
}; 
// insert new element 
document.getElementById("myform").appendChild(input); 

(Notez que l'insertion de l'élément est un peu plus compliqué dans cette situation - vous devez trouver par programme son emplacement dans le DOM).

Enfin, si vous utilisez jQuery, vous pouvez faire quelque chose ceci:

var input = $('<input type="button" etc />').click(function() { 
    doit(x.id); 
}); 
$('#myform').append(input);