SVG要素をjavascriptの変数と同じにする方法

Question

可能であれば、SVG要素と同じ変数をJavaScriptで設定する方法を知りたいと思います。

Answer 1

この関数は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>'); 

しかし、あなたはすでにあなたのドキュメント内の既存のもの、あなたが持っているすべてを持っている場合これを行うにはクエリを行い、それを変数に代入します。文字列で解析する必要はありません。