使用JS而不使用Ajax从外部文件复制SVG / HTML内容?

时间:2019-02-15 19:45:30

标签: javascript html ajax html5 svg

我想使用JS打开SVG文件,复制svg,然后将svg粘贴到我正在使用的DOM中。不使用Ajax,这可能吗?

我曾尝试将svg用作对象,但最终我希望能够将svg包裹在一个标记中,而我无法使用该对象:

document.getElementById(myElement).innerHTML='<object data="/svg_location.svg" type="image/svg+xml"></object>')

html

 <a href='#'>
       <div id="myElement">
         [object--not linkable]
       </div>
    </a>

2 个答案:

答案 0 :(得分:0)

是的,没有AJAX也是可能的。昨天我从其他人那里回答了类似的问题。我不确定如何将您的人标记为重复,因此我将链接到该答案:Trigger click on SVG image

答案 1 :(得分:0)

iframe怎么样?

<iframe id="svgLoader" src="https://www.your.svg.com"></iframe>

后来:

var svgCode = $('#svgLoader').innerHTML;