使用标签名称将 div 附加到另一个 div？答案

【问题标题】：append div to another div by uisng tag name?使用标签名称将 div 附加到另一个 div？
【发布时间】：2023-03-20 02:25:01
【问题描述】：

我有一个名为 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>

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

不幸的是，这不起作用，这里有什么问题？

【问题讨论】：

var video = document.getElementsByTagName('video')[0];

标签： javascript html jquery video html5-video

【解决方案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>

【讨论】：

【解决方案2】：

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

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

【讨论】：