如何使一個SVG元素等於一個變量在javascript中

Question

我想知道如何在JavaScript中設置一個等於SVG元素的變量（如果可能的話）。

Answer 1

這個函數會返回一個，你可以把它分配給任何變量

var svgElementFromString = function(str) { 
    var div = document.createElement('DIV'); 
    div.innerHTML = str; 
    var svg = div.querySelector('svg'); 
    if (!svg) { console.log('No SVG found in loaded contents'); return; } 
    else return svg; 
    } 

...

var mySvg = svgElementFromString('<svg height=100% width=100% viewbox="0 0 30 30"> <rect width=30 height=30 style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" /></svg>'); 

但如果你已經有一個現有的文檔中，你有要做的是查詢它並將其分配給一個變量。不需要通過字符串解析它。