在菜單列表中為所有鏈接插入父母

Question

我正在嘗試插入h2標簽，並使它們成為垂直導航菜單內所有鏈接的父母。

我可以對單個元素執行此操作，但是現在我想對菜單中的所有元素執行此操作。

JavaScript的：

var menu_item = document.querySelector("div.righ-nav-style1 ul li a");    

// `menu_item` is the element you want to wrap
var parent = menu_item.parentNode;
var wrapper = document.createElement('h2');
wrapper.className = 'category_links';    

// set the wrapper as child (instead of the 'menu_item')
parent.replaceChild(wrapper, menu_item);
// set 'menu_item' as child of wrapper
wrapper.appendChild(menu_item); 

我想在forloop中為所有菜單項使用replaceChild（）和appendChild（）方法。

任何幫助將不勝感激！

Answer 1

編輯：我實際上只是找到了解決我的問題。

編輯的JavaScript：

// Replaced 'querySelector()' with 'querySelectorAll()' to get all elements
var menu_item = document.querySelectorAll("div.righ-nav-style1 ul li a");            

// Created 'for' loop to use 'replaceChild()' and 'appendChild()' methods for all elements
for (var i = 0; i < menu_item.length; i++){
  var parent = menu_item[i].parentNode;
  var wrapper = document.createElement('h2');
  wrapper.className = 'category_links';    

  // set the wrapper as child (instead of the 'menu_item')
  parent.replaceChild(wrapper, menu_item[i]);
  // set 'menu_item' as child of wrapper
  wrapper.appendChild(menu_item[i]);
}