javascript - object タグの data 属性を SVG ファイルに変更する

Question

タグのデータ属性を 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>

これはJavaScriptです：

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

何か案は？ありがとう