Question

从html引用我的.js文件时，如何将这些行加载到DOM中？

///以下问题

伙计们！我开始将自己的作品集放在一个不起眼的网络上，并且无法通过w3schools图库的切换按钮

当我在一个HTML文件（内联）中使用de标签时，效果很好，就像在其网站上一样。

但是，如果我将其放在链接的.js文件中，则根本不起作用。我只收到“ TypeError：无法读取'getElementsByClassNAme'null的属性”

。除了必须将类更改为“活动”的部分之外，脚本的其余所有部分都可以正常工作

这是无效的部分

// Add active class to the current button (highlight it)
var header = document.getElementById("myHeader");
var btns = header.getElementsByClassName("btn");
for (var i = 0; i < btns.length; i++) {
  btns[i].addEventListener("click", function() {
    var current = document.getElementsByClassName("active");
    current[0].className = current[0].className.replace(" active", "");
    this.className += " active";
  });
}

这是我要使其工作的地方 https://hectorcano.bitbucket.io/PF/

它说btn类为“ null”，但我在html中看到了它

我敢打赌，这与粘贴代码的上下文有关，我只是无法弄清楚发生了什么

感谢您的帮助或消息来源，以找到对此的“治愈方法”

欣赏！

链接的.js的DOM顺序加载

0 个答案: