文章/答案/技术大牛

发布

社区首页 >问答首页 >Uncaught :无法设置空错误的属性'className‘

问Uncaught :无法设置空错误的属性'className‘
EN

Stack Overflow用户

提问于 2015-12-25 12:45:07

回答 2查看 7.5K关注 0票数 1

所以我的代码中有一个错误。错误信息是：

Uncaught :无法设置空错误的属性'className‘

以下是守则：

HTML:

<section id="section-14">
    <div class="mediabox">
       <img src="product/Diffusers/Diffusers_1.jpg" alt="Diffusers">
       <h3>Diffusers</h3>
    </div>
</section>

Javascript:

document.getElementById('section-14').className = "content-current";

有人请指点我的错误。

javascript

html

css

dom

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-12-25 12:59:00

在body标记结束之前添加脚本。你的密码应该是这样的-

<html>
<head>
</head>
<body>
<section id="section-14">
    <div class="mediabox">
       <img src="product/Diffusers/Diffusers_1.jpg" alt="Diffusers">
       <h3>Diffusers</h3>
    </div>
</section>
<script>
document.getElementById("section-14").className="content-current";
</script>
</body>
</html>

我希望这能帮到你。

票数 1

Stack Overflow用户

发布于 2015-12-25 12:49:18

在DOM内容准备好之前，您的代码正在运行。这就是为什么不能向section-14元素添加类的原因。您必须在元素之后包含脚本标记，或者等待DOM使用DOMContentLoaded事件做好准备，如下所示：

document.addEventListener('DOMContentLoaded', function() {
  document.getElementById('section-14').classList.add('content-current');
});

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/34462987

复制

相似问题

问Uncaught :无法设置空错误的属性'className‘
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Uncaught :无法设置空错误的属性'className‘EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Uncaught :无法设置空错误的属性'className‘
EN