innerHTML, innerText 차이
1. SET
– 태그가 없는 값 세팅의 경우
innerHTML과 innerText 차이 없다.
– 태그가 들어있는 값 세팅의 경우
innerHTML는 html 이 들어가고, innerText 는 텍스트 그대로 들어간다.
2. GET
– 태그가 없는 값 세팅의 경우
innerHTML는 값 그대로 얻음, innerText 는 공백이 제거
충격적인 예제 (1.htm)
—————–
<html>
<head>
<script>
function getHtml() {
alert(“[” + rr.innerHTML + “]”);
}
function setHtml() {
rr.innerHTML = ” <br>흑곰흑곰 “;
}
function getText() {
alert(“[” + rr.innerText + “]”);
}
function setText() {
rr.innerText = ” <br>흑곰흑곰 “;
}
</script>
</head>
<body>
<div id=”rr” name=”rr”></div>
<input type=”button” value=”setHtml” onclick=”setHtml()”>
<br>
<input type=”button” value=”getHtml” onclick=”getHtml()”>
<br>
<br>
<input type=”button” value=”setText” onclick=”setText()”>
<br>
<input type=”button” value=”getText” onclick=”getText()”>
<br>
</body>
</html>