点击按钮后，如何将多个类的数据属性值输入到div中？

<div id="myDiv"></div>

var myDiv = document.getElementById("myDiv");

var data = {
  class1: "value1",
  class2: "value2",
  class3: "value3"
};

myDiv.innerHTML = "Class 1: " + data.class1 + "<br>" +
                  "Class 2: " + data.class2 + "<br>" +
                  "Class 3: " + data.class3;

<button onclick="updateDiv()">点击更新div</button>

function updateDiv() {
  // 执行上述步骤
}