皆さんこんにちは
お元気ですか。私は暑すぎてどうにかなりそう。
さて、今回はd3を使って要素の追加をしてみましょう。
今のところJQueryと大差ない使い方しているような・・・・まぁいいか
<head> <meta charset = "utf-8"> </head> <body> <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> <p>あいうえお</p> <p>あいうえお</p> <p>あいうえお</p> <script type="text/javascript"> </script> </body>
この中にあるscriptをいじっていきたいと思います。
append
appendを利用するとタグを追加することができます。
<script type="text/javascript"> d3.select("body").append("p").text("あかさたな"); </script>
pタグで表示させる部分が一つ増えていますね。もちろん増やしたタグに対してtextやstyleを使ってCSSを適用させることができます。
remove
タグを削除する時に使います。
<script type="text/javascript"> d3.select("body").remove("p"); </script>
もちろん、更地になります。