Question

我想知道如何使用jQuery或其他JS相关的东西从网页嵌入某个元素。例如，我正在创建一个Chrome扩展程序，其中包含Ingress的可移植COMM弹出窗口。我找到了div的id（它是“comm”，非常简单。）我做了jQuery代码：

var chat = $('#comm')

我得到了HTML代码。我需要在我的popup.html中使用或者某种类型的东西获取该元素。非常感谢！

编辑：这是我现在的代码。（只是正文，但我在头部引用了jQuery）

<body>
    <p><h2>Links:</h2></p>
    <p><h3><a href="http://decodeingress.me/">DeCode Ingress</a></h2></p>
    <div class="portablemap"><embed src="http://ingress.com/intel"><script src="chat.js"></script></embed></div>
    <div class="chatter"></div>
</body>

Chat.js：

$(".chatter").append($('html').find('#comm'));

Answer 1

怎么样：

$("#YourElementId").append($('#comm'));

使用JQuery，你不能只追加元素吗？

扩展@Omar的评论，如果你想复制该元素而不是重新定位，你也可以附加该元素的克隆：

$("#YourElementId").append($('#comm').clone());

Answer 2

好吧，可能导致问题的一件事是embed标记应该是空的，所以你不应该在其中包含脚本标记。不确定这是不是问题，只是观察。

另外，我从未见过用于嵌入HTML的embed标记。同样，不确定这是否重要，但您通常会使用iframe嵌入HTML。

如果浏览器在mime-type为text / html时将嵌入解释为iframe，那么您可能遇到了同源策略问题。

如何使用JavaScript在网页中嵌入某个元素？

2 个答案: