Javascript_javascript 팁에서 div를 동적으로 생성하는 방법

이 문서의 예에서는 Javascript를 사용하여 div를 동적으로 생성하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

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

을 생성합니다.
window.onload=함수() {
Var odiv = document.createElement ("div") // div 생성
Var ompan = document.createelement ("span"); // 범위 생성
Odiv.style.cssText="너비:200px;높이:200px;배경:#636363;
Text-align: center; line-height: 220px "; // DIV에 의해 생성된 CSS 스타일
//Odiv.id="box"; //Odiv.id="box"; //생성된 div의 id는 box
//Odiv.className="Box"; //div의 클래스는 Box
Odiv.appendChild(Ospan); //div 내부에 범위 생성
Document.body.appendchild (ODIV); // 본문에 div
생성 }