innerHTML
스크립트단에서 HTML태그를 썼을 때 html로 붙여준다.
1. '+='이나 ','로 붙이는 방법
1
2
3
4
5
6
7
8
9
10
11
12
|
<script>
window.onload = function () {
var list = "";
list += '<ul>';
list += ' <li>I am</li>';
list += ' <li>Beginner</li>';
list += '</ul>';
console.log(list);
};
</script>
| cs |
2. 'join()'으로 붙이는 방법
1
2
3
4
5
6
7
|
list.innerHTML = [
'<ul>',
' <li>I am</li>',
' <li>Beginner</li>',
'</ul>'
].join("");
| cs |
>>> innerHTML은 HTML요소로 태그를 추가할 때 쓴다.
element.appendChild()와 비슷하게 생각하자. 자식노드로 붙인다는 의미.
document.body.appendChild()라고 했다면 body의 자식노드로 붙임.
댓글 없음:
댓글 쓰기