4.4.3 새로운 태그 만들기

자바스크립트로 새로운 태그를 만들 수도 있습니다. document.createElement()와 document.createTextNode()는 각각 태그와 텍스트를 만드는 메서드입니다.

버튼 태그는 다음과 같이 만들 수 있습니다. 여태껏 배운 다양한 DOM 속성도 적용할 수 있습니다. 단, 다른 태그 내부에 추가하기 전에는 만든 태그가 화면에 보이지 않습니다.

bubbling.html

<script>

const $button = document.createElement('button');
$button.classList.add('login');
$button.style.fontSize = '15px';
$button.textContent = '버튼';

</script>

다른 태그 내부에 만든 태그를 추가하려면 append()나 appendChild() 메서드를 호출해야 합니다.