JS - getElementById с тегами

Question

Я пытаюсь перетасовать некоторые элементы, но тег onclick теряется. Как я могу получить элемент, включая теги?

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

---

Вот остальная часть кода, если вам это нужно

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> 

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

Попробуйте

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