用不同的内容填充div，包括VIDEO

Question

我试图更改div的内容，但不仅仅是使用其他文字而是使用视频图片。

我知道我可以使用

document.getElementById("content").innerHTML = "whatever"; 

更改文字，但如何更改完整的div？

Answer 1

不完全确定你要求的是什么，但innerHTML不会仅更改元素的文本，它更像是听起来像; HTML。

示例：

var x = document.getElementById("content");

x.innerHTML = "<video width='640' height='480' controls> <source src='movie.mp4' type='video/mp4'> </video>";

然后，这将在content元素内显示视频。你可以在这里read more about innerHTML。

如果这不是您所要求的，那么我建议您解决问题。

这是一个演示它的jsfiddle，但是使用图像而不是视频。

var x = document.getElementById("content");

x.innerHTML = "<img src='https://www.w3schools.com/w3css/img_fjords.jpg'>";

<div id="content">
	This text will not be visible!
</div>