SVGのPATH要素を、JavaScriptでPOST送信すると、受信内容が[object SVGPathElement]となる


**やりたいこと**

  * SVGのPATH要素を、JavaScriptでPOST送信
  * PHPでPOST受信して利用
  * 送信したいPATH要素

`<path d=" … 中略 … "></path>`

* * *

**現状**  
■JavaScript での送信内容

  * フォーム動的生成
  * input 要素に、path 要素を格納した target を追加

elem.setAttribute('value', target);

■動的生成後のHTML内容／コンソール画面

[code]

    <input type="hidden" name="hoge" value="[object SVGPathElement]">
    
[/code]

■ PHP での POST 受信内容

> [object SVGPathElement]

* * *

**質問**

`[object SVGPathElement]` ではなく、PATH 要素として受けとるためにはどうすれば良いでしょうか？

`console.log(target);` では、

[code]

    <path d=" … 中略 … "></path>
    
[/code]

と表示されるのに、フォームへセットすると、なぜ

[code]

    [object SVGPathElement]
    
[/code]

になるのでしょうか？




`path` 要素のタグ自体（`<path>〜</path>`）をそのまま欲しい、という事でしたら、`outerHTML`
プロパティを利用することで取得出来ます。

[code]

    <script>
      // 対象となる path を取得
      var target = document.getElementsByTagName('svg')[0];
      var path = target.getElementsByTagName('path')[0];
    
      // path要素が文字列として返る
      console.log(path.outerHTML);
    </script>
    
[/code]




`path` 要素のタグ自体（`<path>〜</path>`）をそのまま欲しい、という事でしたら、`outerHTML`
プロパティを利用することで取得出来ます。

[code]

    <script>
      // 対象となる path を取得
      var target = document.getElementsByTagName('svg')[0];
      var path = target.getElementsByTagName('path')[0];
    
      // path要素が文字列として返る
      console.log(path.outerHTML);
    </script>
    
[/code]

