js如何获取二级菜单的数值

<ul id="menu">
  <li>菜单1
    <ul>
      <li>子菜单1-1</li>
      <li>子菜单1-2</li>
    </ul>
  </li>
  <li>菜单2
    <ul>
      <li>子菜单2-1</li>
      <li>子菜单2-2</li>
    </ul>
  </li>
</ul>

// 获取一级菜单的ul元素
var menu = document.getElementById('menu');

// 获取所有的二级菜单li元素
var subMenus = menu.querySelectorAll('li > ul > li');

// 遍历二级菜单并打印其文本内容
subMenus.forEach(function(subMenu) {
  console.log(subMenu.textContent);
});

<ul id="menu">
  <li>菜单1
    <ul>
      <li data-value="1-1">子菜单1-1</li>
      <li data-value="1-2">子菜单1-2</li>
    </ul>
  </li>
  <!-- ... -->
</ul>

var subMenus = menu.querySelectorAll('li > ul > li');
subMenus.forEach(function(subMenu) {
  console.log(subMenu.getAttribute('data-value'));
});