javascript - 监听按钮的点击来隐藏元素，结果显示：Cannot read properties of null (reading 'hidden')，什么原因？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button class = "btn">点击隐藏</button>
<!-- 全局hidden属性，本质上是浏览器设置display:none -->
<div clsss = "box" style = "color:red">我是盒子</div>
<script>
//拿到boxEl元素var boxEl = document.querySelector(".box");//获取按钮元素var btnEl = document.querySelector(".btn");//监听按钮的点击btnEl.onclick = function() { console.log(boxEl.hidden);}
</script>
</body>
</html>
共有2个答案
box这个元素不存在
哥，<div clsss="box" style="color:red">我是盒子</div>
class写成了clsss了，要细心一些喔
-
问题内容： 按下后如何隐藏“编辑”链接？当我按下编辑键时，是否还可以隐藏“ lorem ipsum”文本？ 问题答案：
-
3.结束会话按钮的点击监听 在聊窗顶部有一个结束会话按钮，在结束会话时可以添加其他事件，使用的接口如下： Ntalker.getInstance().setOnCloseBtnListener(new OnCloseBtnClickListener() { @Override public void OnCloseBtnClick() { T
-
2.返回按钮的点击监听 在聊窗顶部有一个返回按钮，在返回时可以添加其他事件，使用的接口如下： Ntalker.getInstance().setOnBackBtnListener(new OnBackBtnClickListener() { @Override public void OnBackBtnClick() { Toast.make
-
我正在尝试隐藏按钮div和显示一个隐藏的div后，一个表单按钮已经被点击，加上延迟提交/重定向。下面是我想出的办法，但似乎没有100%奏效。 null null 任何建议都非常感谢
-
我有2. fxml文件（stage1.fxml和stage2.fxml）和它的控制器类。 我在第一阶段有一个按钮。打开stage2的fxml。fxml单击时，上面有以下代码： 这可以很好地打开阶段2，但是阶段1仍然是打开的，我可以直接用tab键进入它并仍然使用该阶段中的按钮，我不想这样。 我怎么能。在打开stage2之前，当我按下bInstage2时，设置stage1可见（false）。fxml？
-
我在使用Google的支持设计库中的FloatingActionButton时遇到了一些麻烦。按钮和onClickListener工作正常，但问题在于： 当我隐藏按钮和我显示它之后，按钮不直接执行onClick方法时，点击第一次，它必须点击2次工作。我没有在onClick中做任何复杂的事情，这些事情只需要为视图运行一个简单的就可以了。下面是我的代码，尽管我怀疑那里有什么问题：