小编Cod*_*fel的帖子

d3.js - 如何插入新的兄弟元素

我有一个问题,即将新兄弟插入现有元素.

我有这个结构

<svg> 
  <g> 
    <path class="data"></path> 
    <path class="data"></path> 
  </g>
</svg>
Run Code Online (Sandbox Code Playgroud)

并希望这种结构

<svg> 
  <g> 
    <path class="data"></path> 
    <text></text>
    <path class="data"></path> 
    <text></text>
  </g>
</svg>
Run Code Online (Sandbox Code Playgroud)

但如果我使用d3.js插入函数

d3.select("g").insert("text", "path.data");
Run Code Online (Sandbox Code Playgroud)

我得到以下(尽管按类名选择)

<svg> 
  <g> 
    <text></text>
    <path class="data"></path> 
    <path class="data"></path> 
  </g>
</svg>
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?

javascript dom d3.js

27
推荐指数
1
解决办法
3万
查看次数

标签 统计

d3.js ×1

dom ×1

javascript ×1