어제 오늘 내일

Javascript를 사용하여 특정 노드의 모든 자식 노드를 삭제하는 방법입니다. innerHTML, textContent replaceChildren() removeChild(), remove() 1. innerHTML, textContent innerHTML 자식노드1 자식노드2 function remove_children() { // 부모 노드 선택 const parent = document.getElementById('parent'); // 자식 노드 삭제 parent.innerHTML = ""; } parent.innerHTML = ''; innerHTML 속성을 이용하면 element 안에 포함된 HTML 또는 XML을 읽어오거나 설정할 수 있습니다. 여기서는, parent 노드 안의 HTML..

태그 안에 있는 내용을 읽고, 추가하고, 변경하고, 삭제하는 방법을 정리해보았습니다. 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와..