Question

我正在尝试为视频播放器制作章节，但是，我遇到了一些困难。当您运行下面的代码时，测试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>

Answer 1

这是因为document.getElementById("video")返回了DOM "Element" object。 Element个对象没有方法getElementById，这仅仅是因为id的值在文档中只能出现一次。

您的代码修补程序是使用：document.getElementById("track")。

<li>某些要素消失后

1 个答案: