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

【问题标题】：How do I replace or remove these elements using javascript如何使用 javascript 替换或删除这些元素
【发布时间】：2011-11-17 04:54:46
【问题描述】：

我已经创建了下面的函数来创建视频元素的负载，但是如何让 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();
}

【问题讨论】：

标签： javascript tags replace elements

【解决方案1】：

您可以删除使用此功能创建的当前视频元素。只需在创建新视频元素并将其插入之前调用它即可。

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

【讨论】：

【解决方案2】：

替换

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

有

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

这样，您只需用新的视频元素替换已经存在的视频元素。

【讨论】：