반응형
(1) innerText ?
<html>
<head>
<style type="text/css">
</style>
<script>
function a(){
o.innerText="<b>aaa</b>";
}
</script>
</head>
<body>
<font id="o"></font>
<input type="button" onclick="a()">
</body>
</html>
[실행결과]
<b>aaa</b> <----버튼 클릭시
(2) innerHTML
<html>
<head>
<style type="text/css">
</style>
<script>
function a(){
o.innerHTML="<b>aaa</b>";
}
</script>
</head>
<body>
<font id="o"></font>
<input type="button" onclick="a()">
</body>
</html>
[실행결과 ] aaa <----버튼 클릭시
결론!
innerText는 출력결과 <b>aaa</b> 인것으로 보아 태그를 포함한 모든 내용이 출력됨을 알 수 있다.
innerHTML은 출력결과 aaa 인것으로 보아 태그에 포함된 내용만 출력되는것을 확인할 수 있다.
둘다 비슷하게 생겼으니 혼돈하지 말것~!!
반응형
'javascript' 카테고리의 다른 글
| 자바스크립트 (0) | 2013.10.24 |
|---|---|
| <a>문서연결,문서내연결,상자위치 지정,이벤트 처리방식,String객체 (0) | 2013.10.22 |
| # 노드관련 메서드 (insertBefore,replaceChild,removeChild,appendChild) (0) | 2013.10.20 |
| insertAdjacentHTML 은 어디에 사용될까? (0) | 2013.10.20 |
| innerHTML을 활용한 테이블 생성하기 (0) | 2013.10.19 |
