Javascript 如何访问div中的视频元素

Javascript 如何访问div中的视频元素,javascript,html,Javascript,Html,我是javascript新手,我想知道我可以访问div元素中的video元素吗 <div id="player" class="player"> <video id="element"></video> </div> var el=document.getElementById(“元素”) 如果您使用的是jQuery,您可以将其作为目标: var el=$('video#element') 为此,您可以使用类似于var vid

我是javascript新手,我想知道我可以访问div元素中的video元素吗

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

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

</div>

var el=document.getElementById(“元素”)

如果您使用的是jQuery,您可以将其作为目标:

var el=$('video#element')

为此,您可以使用类似于
var video=document.getElementById('element')


我添加了一个console.log语句,以便您可以在开发人员控制台中看到该元素。

您可以使用常规javaScript访问视频元素,但使用它的
id
getElementById
函数

var video = document.getElementById('element');
// Play Video
video.play();
如果使用jQuery,还可以执行以下操作:

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

由于元素具有
id
,因此您可以直接获取它:

var myVideo = document.getElementById("element");
如果由于某些原因它没有id,您可以这样做:

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

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

如何访问div元素?无法访问视频元素吗?
document.getElementById()
在指定其参数时不接受散列(#)。最接近jQuery的可能是
document.querySelector(“#element”)
实际上,没有哈希,或者它将匹配id为=“#element”的元素