document.createElementNSの使い道
console.dir( document.createElement("path") ); // HTMLElement console.dir( document.createElementNS("http://www.w3.org/2000/svg", "path") ); // SVGRectElement
ときどきJSコンソールの補完で出てくるからdocument.createElementNSという関数があるのは知っていたんだけど、何に使うのかはさっぱり分かってなかった。
今日SVGをJavaScriptからいじっていて、SVGの要素を生成しようと普段やっているようにdocument.createElementを使ってたんだけど、うまく動かなかった。ちょっと調べてみると、どうやらdocument.createElementNSを使えば期待したように動くことが分かった。
上のコード例のように、普通にcreateElementを使うとHTMLElementオブジェクトになってしまうのだけど、createElementNSを使うとちゃんとSVGRectElementオブジェクトが生成される。createElementNSの第1引数にはSVGの名前空間のURL、第2引数には生成する要素名を入れる。
