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

Insert different menu items into one menu template

本文关键字：插入 菜单项 菜单 一个      更新时间：2023-09-26

我是脚本的新手，并使用dynamicdrive中的示例来制作一些弹出菜单。在perl生成的页面上，我插入了许多(每个svg元素大约20个)两个级别的小菜单。我想定义一个模板菜单只有一个(因为它的结构是相同的)和插入菜单项以后，当鼠标将在一个元素或单击元素。我该怎么做呢?我需要你的建议。

<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"框架"，例如。jQuery，它为您提供了易于使用的选择器，js模板，节点深度复制，节点分离等

相关文章：