다른 메뉴 항목을 하나의 메뉴 템플릿에 삽입하십시오.

Question

저는 스크립팅을 처음 접했고 dynamicdrive의 예제를 사용하여 팝업 메뉴를 만듭니다. 내 생성 된 페이지에서 두 레벨의 많은 작은 메뉴 (약 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 템플릿, 노드의 깊은 사본, 노드의 분리 등을 제공합니다.