javascript
innerText,innerHTML의 차이점?
비오는시골길
2013. 10. 20. 15:38
반응형
(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 인것으로 보아 태그에 포함된 내용만 출력되는것을 확인할 수 있다.
둘다 비슷하게 생겼으니 혼돈하지 말것~!!
반응형