getElementsByTagName(" body")[0] .innerHTML正在删除

时间:2014-05-07 16:46:11

标签: javascript jquery html

我正在运行以下脚本来替换<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>标记

的内容

1 个答案:

答案 0 :(得分:1)

我不确定你的意思是什么&#34;它有效&#34;但这是我从代码中看到的: 您 替换 ,而不是追加,正文标记的内容。如果您要保留身体标记中的任何其他内容,您可能需要先提取该部分,然后加入要添加的新内容。