如何使一个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>'); 

但如果你已经有一个现有的文档中，你有要做的是查询它并将其分配给一个变量。不需要通过字符串解析它。