// create div element by javascript with class
var div = document.createElement('div');
div.className = "div1";
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";
elmnt.classList.add("YourClass");
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.
var element =document.createElement("span");
element.className = "aClassName";
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
displayInfo() {
return this.name + ' is' + this.age + " years old";
}
}
const Anthony = new Person('Anthony', 32);
class Car {
constructor(brand) {
this.carname = brand;
}
}
// constructor function
function Person () {
this.name = 'John',
this.age = 23
}
// create an object
const person1 = new Person();
class Person
{
constructor(name)
{
this.name = name;
console.log("HELLO WORLD")
/*console.log will show HELLO WORLD everytime an instance of Person is created*/
}
}
adding element classes in js