ClassName赋值方式错误

报错信息

文字放大与缩小功能实现不了？点击button按钮无效？

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
button class="smaller">-</button>
p>它终于来了！</p>

script>
let   oBtnB = document.getElementsByClassName("bigger"), 
      oP = document.getElementsByTagName("p"),
      num = 19; //原始字号大小

 oBtnB.onclick = function () {
     num = ++num;
   for (let i=0; num<27 && i<=3; i++) {
   //改变字号，同时限制最大字号为26px
     oP[i].style.fontSize = num + "px";
   }
     if(num>26){num=26}
  //重置num，使num大小超出最大字号后不随点击次数变化
};
/script>

报错分析

ClassName获取方式错误，上述获取代码不完整，标签导致没选取上，完整代码应为

1
oBtnB = document.getElementsByClassName("bigger")[0];

最后更新： 2019年10月13日 22:42

原始链接： http://ldc5886.github.io/2019/05/23/JS%20ClassName%E8%B5%8B%E5%80%BC%E6%96%B9%E5%BC%8F%E6%8A%A5%E9%94%99/

赏
× 请我吃糖~
打赏二维码