javascript - 将 html 添加到文件中

Question

我目前正忙于一个网站，需要你的帮助。

我想要的是一段 javascript，它使我能够在我的 html 文件中添加实际代码。一种扩展。在我的网站上，我有几个音乐视频，但我不想要任何剧透，所以我想隐藏最后一个音乐视频。所以基本上你必须观看前三个，然后按下按钮观看第四个而不离开你的网站。

所以：

观看视频 1、2 和 3。按下按钮。plop第四个视频显示为您的 html 页面的扩展，您可以观看。

所以在代码中它会是这样的：

<script> function fourthVideo() { 
    [the javascript ] 
}
</script>

...

<div>
  [ youtube video #1 ]
  [ youtube video #2 ]
  [ youtube video #3 ]
</div>

<input type="button" value="Continue" onclick="fourthVideo()">

<div>
  [ youtube video #4 ] //this would be added by the javascript
</div>

然后 javascript 在页面底部添加带有第四个视频的 div。

我试图尽可能地解释它（很累......）所以，如果仍然不清楚，请这样说，一旦我睡了一会儿，我会试着解释得更好，呵呵。

干杯。

Answer 1

无需“添加”一个全新的 div，您可以使用 css 显示和隐藏它。

<div id="videoFour" style="display:none;"> 
  Video.. 
</div>

function fourthVideo() {
  document.getElementById("videoFour").setAttribute("style", "display: block");
}