我正在尝试为视频播放器制作章节,但是,我遇到了一些困难。当您运行下面的代码时,测试 li 会与视频一起出现或不与视频一起出现,但如果取消注释这两行,li 就会消失。看起来页面没有在脚本之前加载,但我找到的解决方案对我没有帮助。有什么问题吗?
<!DOCTYPE html>
<html lang="ru">
<head>
<title>
Video Player
</title>
</head>
<body>
<video id="video" width="800" height="600" autoplay controls>
<source src="Video.mp4" type="video/mp4">
<track id="track" src="Video.vtt" kind="chapters" srclang="en">
</video>
<ol id="Chapters">
<!---There chapters will be--->
</ol>
<script type="text/javascript">
// let Video = document.getElementById("video");
// let Tracks = Video.getElementById("track");
let Chapt = document.getElementById("Chapters");
let Text = document.createTextNode("test");
let li = document.createElement("li");
Chapt.append(li);
li.appendChild(Text);
</script>
</body>
</html>
最佳答案
这是因为 document.getElementById("video")
返回 DOM "Element" object 。 Element
对象没有 getElementById
方法,这只是因为 id
的值在文档中只能出现一次。
代码的修复方法是使用:document.getElementById("track")
。
关于javascript - <li> 获取一些元素后消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54432126/