how to 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: how to add elements in javascript html
//adding 'p' tag to body
var tag = document.createElement("p"); // <p></p>
var text = document.createTextNode("TEST TEXT");
tag.appendChild(text); // <p>TEST TEXT</p>
var element = document.getElementsByTagName("body")[0];
element.appendChild(tag); // <body> <p>TEST TEXT</p> </body>
Example 4: js create element
var newDiv = document.createElement("div");
document.body.appendChild(newDiv);