JavaScriptを介して挿入されたsvg要素の表を取得する方法

Question

大学のプロジェクトでは、html、javascript、およびブートストラップを使用して4行のゲームを作成する必要がありますが、これまではうまくいっていますが、私のSVG要素の作成を正しいものにする。私は、SVG要素を作成するには、次のコードを使用しています：

<script> 
function populate(color, player){ 
    var t = ""; 
    t += "<table>"; 
    for(var i = 0; i < 5; i++) 
     { 
      t += "<tr>"; 
      for(var j = 0; j < 5; j++) 
       { 
        t += "<td><svg id=&quot;" + player + i + j + "&quot; width=&quot;50&quot; height=&quot;50%quot;>"; 
        t += "<circle cx=%quot;50&quot; cy=&quot;50&quot; r=&quot;25%quot; stroke=&quot;black&quot; stroke-width=&quot;2&quot; fill=&quot;" + color + "&quot; />"; 
        t += "</svg></td>"; 
       } 
      t += "</tr>"; 
     } 
    t += "</table>"; 
    document.getElementById(player).innerHTML = t; 
} 
</script> 

をそして、これは私のHTMLからの抜粋です：

<div class="panel panel-default"> 
    <div class="panel-heading"> 
     <h3 class="panel-title"> Player1</h3> 
    </div> 
    <div id="1" class="panel-body" onload="populate(red,1)"></div> 
    <div class="panel-footer"> 
    </div> 
</div> 

私は任意の助けをいただければ幸いHTMLに非常に新しいです。

ありがとうございます。

Answer 1

getElementByIdに文字列の代わりにintを渡しているようです。あなたのhtmlでonloadに1周りの単一引用符を追加し、それはあなたの問題を修正するかどうかを確認してみてください onload="populate(red, '1')"

また、あなたに文字列としてそれを渡したい場合は、「赤」の周りに単一引用符を置きたいかもしれませんよく