如何让一个按钮点击获取自己div内的数据属性？

<div id="myDiv" data-info="这是div的数据属性">
  <button id="myButton">点击获取数据属性</button>
</div>

// 获取按钮和div元素
var button = document.getElementById("myButton");
var div = document.getElementById("myDiv");

// 给按钮添加点击事件监听器
button.addEventListener("click", function() {
  // 获取div的数据属性
  var dataInfo = div.getAttribute("data-info");
  
  // 在控制台输出数据属性
  console.log(dataInfo);
});