getElementsByTagName("body")[0].innerHTML Removing

getElementsByTagName("body")[0].innerHTML Removing <head>

本文关键字:quot innerHTML Removing body getElementsByTagName      更新时间:2023-09-26

我正在运行下面的脚本来替换我的<body>标记的内容。它的工作,但它也删除了我的<head>标签的内容。

知道为什么会这样吗?

if ($(window).width() < 977) {
    document.getElementsByTagName("body")[0].innerHTML="<div style='text-align: center; padding-top: 0px; padding-bottom: 0px; background-color: none;'><iframe id='id-name' name='name' src='http://example.com'></iframe></div>";
}

这些反对票是怎么回事?我能结束这个问题吗?

当窗口宽度低于一定宽度时,我试图改变body标签内的html,以包含不同的iframe。

问题是它也删除了我的<head>标签的内容

我不确定你所说的"它有效"是什么意思,但这是我从代码中看到的:您是替换,而不是附加正文标记的内容。如果在body标签中有任何其他您想要保留的内容,您可能需要先提取该部分,然后与您想要添加的新内容连接。