如何解决类型错误:无法读取/设置 null 的属性“样式”
我试图使用 javascript 显示电池电量,但我发现了一个意外错误。 我的代码:
const percentage = document.getElementById('percentage');
const percent = document.getElementById('percent');
navigator.getBattery().then(function(battery){
percentage.style.width = battery.level * 100 + '%' ;
percent.innerHTML = battery.level * 100 + '%';
alert(battery.level);
});
我收到一条错误消息,>TypeError: 无法读取 null 的正确“样式” 当我尝试将第 4 行和第 5 行放在评论上时 例如
//
percentage.style.width = battery.level * 100 + '%' ;
首先,我收到另一条错误消息:
TypeError: 无法设置 null 的属性“innerHTML” 然后,alert() 给出了正确的电池电量
解决方法
我找到了解决方案。我没有使用变量,而是在 .style 之前写了整个语句,并且奏效了。 最终代码:
setInterval(function(){ navigator.getBattery().then(function(battery){
document.getElementById('percentage').style.width = battery.level * 100 + '%' ;
document.getElementById('percent').innerHTML = battery.level * 100 + '%';
});
},10);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。