create html elements with javascript code example
Example 1: js create element
let myElm = document.createElement("p"); // Create a new element
myElm.innerText = 'test'; // Change the text of the element
myElm.style.color = 'red'; // Change the text color of the element
document.body.appendChild(myElm); // Add the object to the DOM
Example 2: create element javascript with id
var btn = document.createElement('div');
btn.setAttribute("id", "div1");
Example 3: code for adding new elements in javascriipt js
<html>
<head>
<title>t1</title>
<script type="text/javascript">
function addNode()
{var newP = document.createElement("p");
var textNode = document.createTextNode(" This is a new text node");
newP.appendChild(textNode);
document.getElementById("firstP").appendChild(newP); }
</script> </head>
<body> <p id="firstP">firstP<p> </body>
</html>
Example 4: js create element
var newDiv = document.createElement("div");
document.body.appendChild(newDiv);
Example 5: document create element
document.body.onload = addElement;
function addElement () {
// create a new div element
var newDiv = document.createElement("div");
// and give it some content
var newContent = document.createTextNode("Hi there and greetings!");
// add the text node to the newly created div
newDiv.appendChild(newContent);
// add the newly created element and its content into the DOM
var currentDiv = document.getElementById("div1");
document.body.insertBefore(newDiv, currentDiv);
}