javascript - 如何使用一个 get 方法克隆标签对象？

如何在一页中使用 svg 图像数据制作克隆标签对象。没有很多获取服务器的方法。目标页面示例

<!DOCTYPE html>
...
<object id="tg0" data="graph.svg" type="image/svg+xml" some_my_value="234"></object>
<object id="tg1" data="graph.svg" type="image/svg+xml" some_my_value="123"></object>
...

此示例 get graph.svg 包含许多对 graph.svg 的 get 请求。第一个请求显示结果 200，所有后续请求都显示结果 304，但我不需要以下一次。

我找到了 attr declare，但是接下来的代码对 #tg1 中的 wo attr 数据不起作用。

<object declare id="tg0" data="graph.svg" type="image/svg+xml"></object>
<object id="tg1" type="image/svg+xml">
    <param valuetype="object" value="#tg0">
</object>

使用数据属性，tg1 发送以下 get 请求。

我如何在 html 中执行此操作，wo js。是否可以通过相对 uri ~like xpath 从当前页面接收数据。

graph.svg 是自渲染图像。它可以在 div 的影子根(现在不是变体)中工作。如果可以是一种方式 - 使用 JS，我如何将 XMLHttpRequesst 结果放入标记对象中的文档中？

使用 document.querySelector("...") 等元素构建。 contentWindow/contentDocument/document/window/innerHTML = ... 不工作。

如果 js - 需要纯 js 中的解决方案 wo jquery 和其他框架。火狐/Chrome。

最佳答案

是的。可以创建 object 标记 的clone，您可以使用该clone。请点击演示链接。

DEMO

关于javascript - 如何使用一个 get 方法克隆标签对象？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30068448/