2017-02-02 12 views
-1

いくつかの要素をシャッフルしようとしていますが、onclickタグが失われてしまいます。タグを含む要素を取得するにはどうすればよいですか?ここでタグ付きのgetElementById

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; 
} 
+0

'innerHTML'プロパティの代わりに、outerHtmlを使用できます。 これを試してください... –

+0

@NedimHozićそれは動作します。ありがとう – Lumo5

+0

問題はありません::) –

答えて

0

この

をお試しください
function shuffleOptions(first, second, third) { 
var options = [first, second, third].sort(function() { 
return .5 - Math.random(); 
}); 
document.getElementById("demo").innerHTML = options; 
} 
関連する問題