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

时间:2011-12-03 09:30:36

标签: javascript menuitem

我是脚本的新手,并使用dynamicdrive中的示例制作一些弹出式菜单。 在我的perl生成页面上,我插入了许多(大约20个 - 每个svg元素)两个级别的小菜单。我想定义一个模板菜单(因为它的结构是相同的),并在以后插入菜单项,当鼠标将在元素上或单击元素时。 我怎样才能做到这一点? 我需要你的意见。

1 个答案:

答案 0 :(得分:0)

<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,节点的深层复制,节点的分离等。