이 기사에서는 JavaScript에서 DIV를 동적으로 생성하는 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
코드 사본은 다음과 같습니다.
<! doctype html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = utf-8" />
<title> 기본 JavaScript Creation Div </title>
<cript>
Window.onload = function () {
var odiv = document.createElement ( "div"); // div를 만듭니다
var orpan = document.createElement ( "span"); // 스팬을 만듭니다
odiv.style.csstext = "너비 : 200px; 높이 : 200px; 배경 :#636363;
Text-Align : Center; Line-Height : 220px "; // Div에 대한 CSS 스타일을 만듭니다
//odiv.id="Box "; // div의 ID를 상자로 만듭니다
//odiv.classname="Box "; // div 클래스는 상자입니다
ODIV.AppendChild (OSPAN); // Div에서 스팬을 만듭니다
document.body.appendChild (ODIV); // 신체에 div를 만듭니다
}
</스크립트>
</head>
<body>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.