javascript - 将节点添加到 svg 元素

Question

我有一个 64 平方的 svg 元素。你可以看到下面的结构：

该板来自 git 存储库。

它在我的反应应用程序中使用<Paper id="board"></Paper>，并且板的实例使用以下代码：

      board.current = new Chessboard(document.getElementById('board'), {
        position: chess.fen(),
        sprite: {
          url: './chessboard-sprite.svg', /
          grid: 40, 
          cache: true,
        },
        orientation: COLOR.white,
        moveInputMode: MOVE_INPUT_MODE.dragPiece,
        responsive: true,
      });

      fenHistory.push(chess.fen());
    
      board.current.enableMoveInput(inputHandler);

我想添加另一个<g class="pieces"></g>，以便它是最后一个 g 类。我怎样才能做到这一点？

标签： javascriptreactjs

Answer 1

我最后使用了 insertAdjacentHTML。这让我可以将一个新的 <g...> 作为子元素放入 .