为什么文档不能在JavaScript上工作

我看过各种各样的网站，但都没有帮助。对我来说，一切似乎都是正确的，但我无法得到正确的答案

document.getElementByClassName("first").style.display="none"; 

为了工作，无论我尝试了多少次，我总是在JS上收到相同的错误消息

错误：“文档”未定义。[无未定义]

尝试定义“文档”部分，但没有帮助。也许，我做的外部文件夹之间的连接不正确，我尝试了，但没有改变

HTML:

---

该按钮被假定为从“第一个”清除所有样式。我更改了许多结果，代码没有发生任何变化，只是重复了一遍又一遍的相同错误。

document.getElementByClassName（）

返回一个元素数组，因此需要目标元素的索引

您应该通过

myFunction（）

调用函数，并将

[0]

添加到

getElementsByClassName

以获取特定元素

函数myFunction（）{
document.getElementsByClassName（“first”）[0].style.display=“无”；
}

您好，欢迎来到我的第一页

在本页中，我将测试新思维

查看哪些有效，哪些无效


点击我

您收到的错误可能来自一个过梁，但与您的代码不工作无关。要解决您的过梁问题，您可能需要看看这个。 对于运行时产生的错误，您应该查看浏览器控制台（在大多数情况下是使用F12打开的）

关于您的主要问题，有两件事需要解决：

1）
内联onclick处理程序的调用方式如下：

<button type="button" onclick="myFunction()">Click me</button>

---

onclick=“myFunction（）”

如果其他方法无效，请确保在

类中定义了
显示：块。
function myFunction(){
    document.getElementsByClassName("first").style.display="none";

<button type="button" onclick="myFunction()">Click me</button>

function myFunction() {
  document.querySelector(".first").style.display="none";
}