Question

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

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

INIT1：

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

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

Answer 1

当然它会删除页面。当您修改-entire文档的.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);

DEMO

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);

document.write擦除按钮

3 个答案: