D3.js text API
text() 메소드는 셀러토된 요소에 텍스트를 출력 한다.
예제1
1
2
3
4
5
6
7
| d3.select('body').append('p')
.text('Hello World!');
<body>
<p>Hello World!</p> => p 태그가 추가 되고 Hello World! 문자열을 출력
</body>
|
예제2
1
2
3
4
5
6
7
8
9
10
11
12
| <p>Google</p>
<script>
d3.select('body').append('p')
.text('Hello World!');
</script>
//ouput
<body>
<p>Google</p>
<p>Hello World!</p> => 기존 p태그와 상관없이 새롭게 p 태그가 추가 되고 Hello World! 문자열을 출력
</body>
|
예제3
1
2
3
4
5
6
7
8
9
10
11
| <p>Google</p>
<script>
d3.select('body').selectAll('p')
.text('Hello World!');
</script>
//ouput
<body>
<p>Hello World!</p> => 기본 <p>Google</p> 태그와 치환되어 변경 된다.
</body>
|
참조