Este artigo descreve o método de criação dinamicamente DIVs em JavaScript. Compartilhe para sua referência. O método de implementação específico é o seguinte:
A cópia do código é a seguinte:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // pt" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-bransitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> Criação nativa JavaScript Div </ititle>
<Cript>
window.onload = function () {
var odiv = document.createElement ("div"); // Crie uma div
var orpan = document.createElement ("span"); // Crie um período
Odiv.style.csStext = "Largura: 200px; altura: 200px; Antecedentes:#636363;
Alinhamento de texto: centro; altura da linha: 220px "; // Crie um estilo CSS para div
//Odiv.id="box "; // Crie o ID da div como caixa
//Odiv.classname="Box "; // a classe de div é caixa
Odiv.appendchild (Ospan); // Crie uma extensão na div
document.body.appendChild (ODIV); // Crie uma div no corpo
}
</script>
</head>
<Body>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.