컴퓨터/웹 : JS29 [JS]자바스크립트로 엘리먼트 생성, 추가, 삭제하기 JS_엘리먼트추가 오늘은 JS코드에서 버튼 클릭시 새로운 엘리먼트를 만들고 그것을 추가하는 방법을 정리하고자 합니다. HTML과 JavaScript를 이용합니다. 사용할 코드 1) 클래스로 HTML 태그 선택 : document.querySelector(".클래스명"); 1) 엘리먼트 생성 : document.createElement('태그'); 2) 텍스트 대입 : Element명.innertext = "텍스트" ; 3) 이벤트 생성 : Element명.addEventListener("동작(클릭 등)", 실행내용); 4) 엘리먼트의 마지막 자식 선택 : Element명.lastChild 5) 자식 엘리먼트 삭제 : 엘리먼트.removeChild(자식노드명); HTML 코드 생성 삭제 설명 : 1) 버튼.. 2021. 11. 9. 이전 1 ··· 5 6 7 8 다음