时间戳

首页 > 解决方案 > 我尝试使用 style.display = "none"; 让Javascript隐藏我的视频标签，但这不起作用？

javascript - 我尝试使用 style.display = "none"; 让Javascript隐藏我的视频标签，但这不起作用？

问题描述

我正在尝试通过使用 [videoclass].style.display = "none"; 来隐藏使用 javascript 的视频元素。但它不工作。

HTML：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<video class="dntshow" width="444" height="250" controls>
  <source src="" id="video_here">
    Your browser can not play this video.
</video>

CSS：

.dntshow{
    display: block;
    z-index: 999;
    margin: 0 auto;
    
}

JS：

var doshow = document.getElementsByClassName("dntshow");
 doshow.style.display = "none";

我究竟做错了什么？

标签： javascripthtml

解决方案

getElementsByClassName返回与查询匹配的元素集合。您需要获取要隐藏的元素。例如，如果它是第一个元素，试试这个：

var doshow = document.getElementsByClassName("dntshow")[0];
doshow.style.display = "none";

推荐阅读