Question

我使用JavaScript进行了这个简单的字体大小调整。它会在页面上调整app p标签的大小，但我需要添加其他标签，例如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

Answer 1

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

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

Answer 2

如果您的模式很简单（例如“p li”）并且不想使用javascript库，则可以使用document.createTreeWalker

使用JavaScript的简单字体缩放器

2 个答案: