javascript - innerHTML、<form> 和 Firefox

Question

我在使用 Firefox 时遇到问题。我所做的在 IE 上运行良好，但在 Firefox 上运行不正常。

我使用 innerHTML放一个div表格在 window.parent :

  window.parent.getElementById('DIV_page').innerHTML = getElementById('DIV_page').innerHTML ;

在此div form看起来像:

<form method="post" style="padding:0px;margin:0px;" name="f_bg_page" id="f_bg_page" target="If_menulb" action="if_menulb.php">
<input type="hidden" name="p" value="455">
<input type="hidden" name="w" value="prefs_lb">

我怎样才能innerHTML一个div表格为 window.parent ？

编辑: 它们具有相同的 ID，但一个在主页中，另一个在 iframe 中，因此它们不相同。我找到了一个方法:

window.parent.document.getElementById('DIV_page').innerHTML = '' ;
window.parent.document.getElementById('DIV_page').appendChild(document.getElemen‌​tById('DIV_page'));

但是对于 IE 和 Opera，有一个 <input type="text">此表单中的背景为白色，彩色文本为白色，因此我们看不到此 <input> 中的文本

Answer 1

Pekka 的评论在这种情况下是正确的。因为您有两个具有相同 id 的元素，所以 javascript 不知道选择哪一个。我想这种情况在每个浏览器中以不同的方式实现。有些人会选择它找到的第一个，其他人会做其他事情。

给有问题的元素不同的 id，你会发现你的问题已经解决了。