Ninny Design 요소복사
-
Skill/JavascriptJS/jQuery - 콘텐츠 요소(html, text, node) 다루기 총 정리✨웹 개발에서 HTML 요소를 동적으로 조작하는 것은 필수적이다. 콘텐츠 요소를 삽입, 수정하는 함수는 HTML을 포함한 콘텐츠를 모두 삽하는 함수와 HTML태그 없이 텍스트만 삽입하는 함수, 그리고 요소(Node)를 삽입하는 함수로 나눌 수 있고 콘텐츠를 제거하거나 복사할 수도 있다. 바닐라 스크립트❣️콘텐츠 요소 삽입하기콘텐츠 요소를 삽입하는 바닐라 스크립트 함수함수설명기존내용유지innerText텍스트 삽입 (보이는 것만)❌textContent텍스트 삽입 (숨겨진 것도 포함)❌append()맨 뒤에 노드 또는 텍스트 삽입✅appendChild()맨 뒤에 노드만 삽입✅prepend()맨 앞에 노드 또는 텍스트 삽입✅innerHTMLHTML 포함하여 내부 변경❌outerHTML자기 자신의 HTML까지 ..reviews calendar_month 2024.07.11
