異なるメニュー項目を1つのメニューテンプレートに挿入する

Question

私はスクリプトを初めて使用しており、ダイナミックドライブの例を使用してポップアップメニューを作成します。 私のperlで生成されたページでは、2つのレベルを持つ小さなメニューをたくさん（約20 - 各svg要素に対して）挿入します。私は（その構造が同じなので）テンプレートメニューだけを定義し、後でマウスを要素の上に置くか要素をクリックするとメニュー項目を挿入したいと思います。 どうすればいいですか？ 私はあなたの助言が必要です。

Answer 1

<ul id="insert"> 
    <li>Kerry King</li> 
    <li>Jeff Hanneman</li> 
</ul> 
<script> 
document.getElementById('insert').onmouseover = function(){ 
    var li = document.createElement('li') 
    this.appendChild(li) 
    li.innerHTML = 'Tom Araya' 
} 
</script> 

あなたが純粋にそれをしたい場合は、ロイヤルウェイはありませんjs。私はいくつかのjs "framework"を使うことをお勧めします。 jQueryは、使いやすいセレクタ、jsテンプレート、ノードのディープコピー、ノードの切り離しなどを提供します。