JS - getElementById avec des balises

Question

J'essaye de mélanger quelques éléments mais l'onclick est perdu. Comment puis-je obtenir l'élément incluant les tags?

var first = document.getElementById("demo1").innerHTML; // I want to keep the onclick tag for this one. 

---

Voici le reste du code si vous en avez besoin

fichier HTML:

<p id="demo"> Start </p> 

<p id="demo1" onclick="alert('hello')"> First </p> 
<p id="demo2"> Second </p> 
<p id="demo3"> Third </p> 

<script type="text/javascript" src="temp.js"> </script> 

<script> 
    var first = document.getElementById("demo1").innerHTML; 
    var second = document.getElementById("demo2").innerHTML; 
    var third = document.getElementById("demo3").innerHTML; 
    shuffleOptions(first, second, third); 
</script> 

fichier temp.js:

function shuffleOptions(first, second, third) { 
    var options = [first, second, third]; 
    options.sort(function(a, b){return 0.5 - Math.random(); }); 
    document.getElementById("demo").innerHTML = options; 
} 

Answer 1

Essayez cette

Au lieu de la propriété 'innerHTML', vous pouvez utiliser outerHtml pour l'utilisateur

function shuffleOptions(first, second, third) { 
var options = [first, second, third].sort(function() { 
return .5 - Math.random(); 
}); 
document.getElementById("demo").innerHTML = options; 
}