时间戳

首页 > 解决方案 > setAttribute 函数上的 Javascript 错误

javascript - setAttribute 函数上的 Javascript 错误

问题描述

我收到这个错误。代码看起来不错，然后我使用 jsfiddle，但在我的页面中无法正常工作，出现错误：

TypeError: Cannot read property 'setAttribute' of null.

let max = 2160;
let progress = 80;
document.querySelector(".fill").setAttribute(
  "style",
  "stroke-dashoffset: " + ((100 - progress) / 100) * max);
<div class="user-avatar-holder">
  <div class="skill-bar">
    <svg class="skill blue noselect" x="0px" y="0px" viewBox="0 0 776 628">
                                <path class="track" d="M723 314L543 625.77 183 625.77 3 314 183 2.23 543 2.23 723 314z"></path>
                                <path class="fill" d="M723 314L543 625.77 183 625.77 3 314 183 2.23 543 2.23 723 314z"></path>
                            </svg>
  </div>
  <div class="profile-image-outer">
    <div class="profile-image">
      <img src="/img/default/no_user-150.png" alt="" width="100" height="100">
    </div>
  </div>
</div>

有什么建议吗？谢谢！

标签： javascripthtml

解决方案

按类查询选择器返回一个 Array 类型，尝试将 [id] 添加到您的 html 代码然后使用它

推荐阅读