将不同的菜单项插入一个菜单模板

Question

我是脚本的新手，并使用dynamicdrive中的示例制作一些弹出式菜单。 在我的perl生成页面上，我插入了许多（大约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＆＃34;框架＆＃34;，例如。 jQuery，它为您提供易于使用的选择器，模板的js，节点的深层复制，节点的分离等。