如何使用javascript替换或删除这些元素

我已经创建了下面的函数来创建视频元素的加载，但是如何让javascript再次删除它或在加载这些元素后替换它们呢？我还有两个类似的功能，可以加载不同的视频。我希望在调用其他两个函数中的任何一个时，这些元素消失，以便可以看到新的视频元素

function createVideo1(){
//alert("createSmallVideo has been called");  
var video = document.createElement("video");
video.setAttribute("id", "VideoElement");
video.setAttribute("src", "videos/surfing with friends.ogv");
video.setAttribute("controls", ""); 
video.setAttribute("width", "480");
video.setAttribute("height", "300");
document.getElementById("VideoContainer").appendChild(video);
video.play();
}

---

您可以删除使用此函数创建的当前视频元素。在创建新的视频元素并插入它之前，只需调用它

function removeVideo() {
    var video = document.getElementById("videoElement");
    video.parentNode.removeChild(video);
}

替换

document.getElementById（“VideoContainer”）.appendChild（视频）

与

这样，您只需将已有的视频元素替换为新的视频元素即可

var container = document.getElementById("VideoContainer");
container.replaceChild(video, container.firstElementChild);