將對象標籤的數據屬性更改爲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'); 

什麼想法？ 謝謝

Answer 1

〜當您在網頁中使用它時，不代表您的主目錄。