innerHTML,<form>和Firefox </form>

时间:2011-12-10 08:51:47

标签: javascript forms innerhtml

我遇到了Firefox的问题。我用IE做的很好,但不适用于Firefox。

我使用innerHTMLdiv表格放入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>

1 个答案:

答案 0 :(得分:0)

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

为有问题的元素提供不同的ID,您会发现问题已解决。