将对象标记的数据属性更改为SVG文件

Question

我想通过Javascript动态更改标记的数据属性，因为知道该属性的值完全是位于服务器目录中的SVG文件。

基本上我想根据某些用户输入加载不同的SVG。我试过了$('theObject').attr('data', 'FIleURL');

我也尝试过基本的document.getElementById('theObject').setAttribute('data', 'FileURL');

SVG只是不知道如果我直接将HTML放在HTML中，它就能正常工作。

这是我的HTML：

<object data="" id="theObject" type="image/svg+xml"></object>

这是javascript：

var theObject = document.getElementById("theObject");
            var svgDoc = a.contentDocument;
            a.onload = function () {
                    //Do Stuff
            };
            theObject.setAttribute('data', '~/SVGs/SVGFile.svg');

任何想法？ 感谢

Answer 1

〜并不意味着您在网页中使用它时的主目录。