어제 오늘 내일

지난번에는 안의 내용을 추가, 변경, 삭제하고, 읽어오는 방법을 알아보았습니다. [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 붙이기..

태그 안에 있는 내용을 읽고, 추가하고, 변경하고, 삭제하는 방법을 정리해보았습니다. 1. div 내용 가져오기 2. div 내용 변경 3. div 내용 추가 4. div 내용 삭제 1. div 내용 가져오기 안녕하세요? Javascript에서 div element에 접근하여, div 안의 내용을 읽을 때는 다음 3가지 속성을 사용할 수 있습니다. element.innerHTML element 안의 HTML, XML을 읽습니다. element.innerText element 안의 텍스트를 사용자에게 "보여지는 대로" 읽습니다. node.textContent node 안의 텍스트를 (, 에 상관없이) 읽습니다. 위 3가지 속성의 차이점은 지난 포스팅을 참조하세요. [Javascript] innerText와..