通过uisng标签名称将div附加到另一个div？

Question

我有一个名为adcontainer的容器，现在我有另一个div，其中包含动态生成到dom的视频，该新div是动态生成的，没有id或class juts标签名称，

现在我想将此新的div附加到adconatiner

这是HTML

<div id="adcontainer"></div>

<div style="width: 100%; height: 100%">
   <video src="videos/video.mp4" autoplay="true"></video>
</div>

Js

var adContainer = document.getElementById('#adcontainer')
var video = document.getElementsByTagName('video');
var parentEl = video.parentNode;
adContainer.appendChild(parentEl)

不幸的是，这不起作用，这是怎么了？

Answer 1

• getElementById()不需要#
• getElementsByTagName()返回一个HTMLCollection，因此请使用[0]

var adContainer = document.getElementById('adcontainer')
var video = document.getElementsByTagName('video');
var parentEl = video[0].parentNode;
adContainer.appendChild(parentEl)

<div id="adcontainer"></div>

<div style="width: 100%; height: 100%">
   <video src="videos/video.mp4" autoplay="true"></video>
</div>

Answer 2

页面加载后，您必须运行javascript。

window.addEventListener('load', function() {
    var adContainer = document.getElementById('adcontainer')
    var video = document.getElementsByTagName('video');
    var parentEl = video[0].parentNode;
    adContainer.appendChild(parentEl)
});