使用JavaScript的简单字体大小调整器

我有这个简单的字体大小与JavaScript的建设。它调整了页面上appp标签的大小，但我需要添加其他标签，比如li。我该怎么做呢。非常感谢您的帮助

var min=8;
var max=18;
function increaseFontSize() {
   var p = document.getElementsByTagName('p');
   for(i=0;i<p.length;i++) {
      if(p[i].style.fontSize) {
         var s = parseInt(p[i].style.fontSize.replace("px",""));
      } else {
         var s = 12;
      }
      if(s!=max) {
         s += 1;
      }
      p[i].style.fontSize = s+"px"
   }
}
function decreaseFontSize() {
   var p = document.getElementsByTagName('p');
   for(i=0;i<p.length;i++) {
      if(p[i].style.fontSize) {
         var s = parseInt(p[i].style.fontSize.replace("px",""));
      } else {
         var s = 12;
      }
      if(s!=min) {
         s -= 1;
      }
      p[i].style.fontSize = s+"px"
   }   
}

非常感谢你的帮助

Dom

使用querySelectorAll来使用CSS选择器，例如：

var nodes = document.querySelectorAll('p, li');

---

如果您的模式很简单，例如p li，并且不想使用javascript库，那么您可以使用document.createTreeWalker

这在上正常工作吗？因为它没有使用计算样式，而是依赖于显式的字体大小设置？这应该与“p”标记相同。您还可以使用JQuery一次轻松地操作多个标记标记组。注意：IE6/7和FF<3.5不支持。谢谢你。我想不出另外一种方法来进行多个标记选择，而不在两个标记选择之后手动连接节点列表对象。当然，有jQuery，但我不喜欢使用一般的JavaScript库。