Javascript 将html添加到文件中

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

我想要的是一段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>

函数fourthVideo（）{
[javascript]
}
...
[youtube视频#1]
[youtube视频#2]
[youtube视频#3]
[youtube视频#4]//这将由javascript添加

然后javascript在页面底部添加div和第四个视频

我试着尽我所能解释它（相当累…），所以，如果它仍然不清楚，请说出来，我会尝试更好地解释，一旦我有一些睡眠，呵呵

干杯

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

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

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

视频
函数fourthVideo（）{
document.getElementById（“videoFour”）.setAttribute（“样式”，“显示：块”）；
}