javascript_javascript 기술에서 요소를 동적으로 생성하고 삭제하는 방법-JS 튜토리얼-php.cn

본 글의 예시에서는 자바스크립트에서 요소를 동적으로 생성하고 삭제하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

DOM에서는 쉽고 빠르게 DOM 요소를 동적으로 삭제하고 삭제할 수 있습니다.

예 1:

동적으로 버튼 생성

코드 복사 코드는 다음과 같습니다.

동적으로 생성된 버튼
<스크립트 언어="javascript">
var a,b,ab,ba,c;

함수 createInputA(){

a = document.createElement("input"); //DOM 요소 생성 방법 사용 

a.type = "button" ; //요소 유형 설정

a.value = "Button A"; //요소의 값을 설정합니다. 

a.attachEvent("onclick",addInputB); //컨트롤에 이벤트 추가

document.body.appendChild(a); //양식에 컨트롤 추가

//a = null; //객체 해제

}

예 2:

코드 복사

코드는 다음과 같습니다.