어제 오늘 내일

동적 HTML 요소 추가하기 다음은 버튼이 클릭되면 container div에 동적으로 div text 요소가 추가되는 예제입니다. 텍스트 추가 function addText() { // 추가할 요소 생성 const newElement = document.createElement('div'); // 요소 안에 html 요소 추가 newElement.innerHTML = '텍스트가 추가되었습니다.'; // 생성된 요소를 추가할 부모요소(container div) 선택 const container = document.getElementById('container'); // 생성된 요소를 기존의 container div에 자식 요소로 추가 container.appendChild(newElement); } 위 ..

지난번에는 안의 내용을 추가, 변경, 삭제하고, 읽어오는 방법을 알아보았습니다. [Javascript] div 안의 내용 가져오기, 추가, 변경, 삭제 (text, html) 이번에는 태그를 생성하고, 삭제하고, 숨기는 방법을 정리해 보도록 하겠습니다. 1. element 생성하기 function createDiv() { // 1. element 만들기 const newDiv = document.createElement('div'); // 2. 에 들어갈 text node 만들기 const newText = document.createTextNode('안녕하세요'); // 3. 에 text node 붙이기 newDiv.appendChild(newText); // 4. 에 1에서 만든 element 붙이기..