Как мне заменить или удалить эти элементы с помощью JavaScript

Question

Я создал функцию ниже для создания загрузки видео элементов, но как я могу получить 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();
}

Answer 1

Вы можете удалить текущий видеоэлемент, который вы создали с помощью этой функции.Просто позвоните, прежде чем создавать новый элемент видео и вставить его.

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

Answer 2

Заменить

document.getElementById("VideoContainer").appendChild(video);

С

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

Таким образом, вы просто замените элемент видео, который уже там, на новый элемент видео.