javascript - document.write 擦除按钮

Question

我有一个带有按钮的 html 页面：

 <INPUT TYPE=BUTTON VALUE="b1" onclick="init1()" >

初始化1：

  document.innerHTML = "<object type='application/x-app' id='plugin' width='0' height='0' > </object>"

当我按下按钮 b1 时，它会擦除​​页面并且它只是空白。我究竟做错了什么？10xs，尼尔

Answer 1

当然它会擦除页面。当您修改.innerHTML-整个文档 - 并将其替换为其他内容时，就会发生这种情况。

但是，如果您想将该标签附加到文档上，那就另当别论了。我建议这样做：

var your_element = document.createElement('object');
your_element.type = 'application/x-app';
your_element.id = 'plugin'
your_element.width = 0;
your_element.height = 0;
document.body.appendChild(your_element);​

演示

Answer 2

您需要在代码中（在 DOM 树中）设置正确的锚点（位置）。

试试这个：

var my_anchor = document.getElementById('element_in_DOM');

my_anhor.innerHTML = "<object type='application/x-app' id='plugin' width='0' height='0' > </object>"

Answer 3

在身体上使用appendChild而不是替换 ( =)。您的按钮不会被删除。

var object = document.createElement("object");
object.innerHTML = "<object...";
document.body.appendChild(object);