pandazx's blog

データ分析など雑多な技術ブログ

D3.jsで先頭に要素追加

例えば、

<div id='id'>
  <div>a</div>
  <div>b</div>
  <div>c</div>
</div>

# この時に一番上に追加
d3.select('#id').insert("h1", ':first-child').text("テキスト");

# 以下のようになる
<div id='id'>
  <div>テキスト</div>
  <div>a</div>
  <div>b</div>
  <div>c</div>
</div>

first-childを指定しなければ、末尾に追加。
ちなみにinsertではなく、appendを使うと末尾に追加される。