반응형
1. $(#셀렉터).html( )와 $(#셀렉터).text( ) 란 무엇인가?
- html( ): 선택요소의 HTML 내용 반환/설정
- text( ): 선택요소의 텍스트 내용 반환/설정
2. 적용해보기
2-1) .html( ) : 문자, 태그까지 그대로 가져와 보여준다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<script type="text/javascript">
$( function() {
var html = $("#study").html();
alert(html);
});
</script>
</head>
<body>
<div id="study">
<span> .html() 예시입니다. </span>
</div>
</body>
//결과: <span> .html() 예시입니다. </span>
|
cs |
2-2) .text( ): 셀렉터 하위에 있는 문자만 보여준다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <script type="text/javascript"> $( function() { var html1 = $("#study1").html(); alert(html1); }); </script> </head> <body> <div id="study1"> <span> .text() 예시입니다. </span> </div> </body> //결과: .text() 예시입니다. | cs |
반응형
댓글