javascript 如何访问div中的video元素

eanckbw9 于 2023-06-04 发布在 Java

关注(0)|答案(4)|浏览(638)

我是javascript的新手，我想知道我可以访问div元素中的视频元素吗？

<div id="player" class="player">

        <video id="element"></video>

</div>

4条答案

在纯JavaScript？
为此，您可以使用类似var video = document.getElementById('element');的内容
here's a fiddle
我添加了一个console.log语句，这样您就可以在开发人员控制台中看到该元素。

因为元素有一个id，你可以直接得到它：

var myVideo = document.getElementById("element");

如果由于某些原因它没有ID，您可以这样做：

var myVideo = document.querySelector("#player video");

这是非常基本的JS，所以你可以在任何地方找到帮助。例如，特别是在querySelector here上。

var el = document.getElementById("element");
如果你使用的是jQuery，你可以像这样定位它：
var el = $('video#element');

您可以只使用常规javaScript来访问video元素，但要使用它的id和getElementById函数。

var video = document.getElementById('element');
// Play Video
video.play();

如果你使用jQuery，你也可以这样做：

var $video = $("#element");
$video.get(0).play();