JavaScript code for dynamically creating div attributes and styles

1. Create a div element:

Javascript code
Copy codeThe Code is as follows:
<Scripttypescripttype = "text/javascript">
FunctioncreateElement (){
VarcreateDiv = document. createElement ("div ");
CreateDiv. innerHTML = "Testcreateadivelement! ";
Document. body. appendChild (createDiv );
}
</Script>

<Scripttypescripttype = "text/javascript">
FunctioncreateElement (){
VarcreateDiv = document. createElement ("div ");
CreateDiv. innerHTML = "Testcreateadivelement! ";
Document. body. appendChild (createDiv );
DivFileitem. appendChild (divName); <! -- No "document" if not body -->
}
</Script>

2. Create div attributes:

Javascript code
Copy codeThe Code is as follows:
<Scripttypescripttype = "text/javascript">
FunctioncreateElement (){
VarcreateDiv = document. createElement ("div ");
CreateDiv. title = "thisisanewdiv .";
CreateDiv. id = "newDivId ";
CreateDiv. class = "newDivClass ";
CreateDiv. innerHTML = "Testcreateadivelement! ";
Document. body. appendChild (createDiv );
}
</Script>

<Scripttypescripttype = "text/javascript">
FunctioncreateElement (){
VarcreateDiv = document. createElement ("div ");
CreateDiv. title = "thisisanewdiv .";
CreateDiv. id = "newDivId ";
CreateDiv. class = "newDivClass ";
CreateDiv. innerHTML = "Testcreateadivelement! ";
Document. body. appendChild (createDiv );
<! -- Directly use 2 CSS class styles -->
CreateDiv. className = "name file_col ";
}
</Script>

3. Create a div style:

Javascript code
Copy codeThe Code is as follows:
<Scripttypescripttype = "text/javascript">

FunctioncreateElement (){
VarcreateDiv = document. createElement ("div ");
CreateDiv. style. background = "pink ";
CreateDiv. style. border = "1 pxsolidred ";
CreateDiv. style. width = "50px ";
CreateDiv. style. height = "50px ";
CreateDiv. innerHTML = "Testcreateadivelement! ";
Document. body. appendChild (createDiv );
}
</Script>