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

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

基本上，我希望根据一些用户输入将不同的SVG加载到其中。我尝试了

$（'theObject'）.attr（'data'，'FIleURL'）

我还尝试了基本的
document.getElementById（'theObject'）.setAttribute（'data'，'FileURL'）

SVG只是不加载，因为我知道如果我直接将url放在HTML中，它就会正常工作

这是我的HTML：

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

有什么想法吗？
谢谢
~当您在网页中使用主目录时，它并不意味着您的主目录

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