create element with class javascript code example

Example 1: create element javascript with class

// create div element by javascript with class

var div = document.createElement('div');
div.className = "div1";

Example 2: create element javascript with id

var btn = document.createElement('div'); 
btn.setAttribute("id", "div1");

Example 3: javascript create element with class

Let suppose we are creating a div using javascript create element
// create a new div element 
	var newDiv = document.createElement("div"); 
// assigning class name to the new div
	newDiv.className = "className";

Example 4: js create element

var newDiv = document.createElement("div");
document.body.appendChild(newDiv);

Example 5: javascript create class

class Person {
 constructor(name, age) {
   this.name = name;
   this.age = age;
 }
  present = () => { //or present(){
  	console.log(`Hi! i'm ${this.name} and i'm ${this.age} years old`) 
  }
}
let me = new Person("tsuy", 15);
me.present();
// -> Hi! i'm tsuy and i'm 15 years old.

Example 6: js create element with class

var element =document.createElement("span");
        element.className = "aClassName";