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];
× 请我吃糖~
打赏二维码