增大和减小div中所有元素的字体大小

<div id="myDiv">
  <p>这是一个段落</p>
  <h1>这是一个标题</h1>
  <span>这是一个<span>内部<span>元素</span></span></span>
</div>

<button onclick="increaseFontSize()">增大字体大小</button>
<button onclick="decreaseFontSize()">减小字体大小</button>

function increaseFontSize() {
  var div = document.getElementById("myDiv");
  var elements = div.querySelectorAll("*");
  for (var i = 0; i < elements.length; i++) {
    var fontSize = parseInt(window.getComputedStyle(elements[i]).fontSize);
    elements[i].style.fontSize = (fontSize + 10) + "px";
  }
}

function decreaseFontSize() {
  var div = document.getElementById("myDiv");
  var elements = div.querySelectorAll("*");
  for (var i = 0; i < elements.length; i++) {
    var fontSize = parseInt(window.getComputedStyle(elements[i]).fontSize);
    elements[i].style.fontSize = (fontSize - 10) + "px";
  }
}