How To Add Properties To Object In Javascript

How to add properties and methods to an existing object in JavaScript?

Following is the code for adding properties and methods to an existing object in JavaScript −

Case

Live Demo

<!DOCTYPE html> <html lang="en"> <caput> <meta charset="UTF-viii" /> <meta name="viewport" content="width=device-width, initial-calibration=ane.0" /> <title>Document</title> <mode>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 20px;       font-weight: 500;       color: blueviolet;    } </style> </head> <trunk> <h1>Add backdrop and methods to an existing object in JavaScript</h1> <div class="result"></div> <button form="Btn">CLICK HERE</button> <h3>Click on the higher up button to add together property and methods to student object and brandish them</h3> <script>    permit resEle = document.querySelector(".event");    permit BtnEle = document.querySelector(".Btn");    permit student = {       };       BtnEle.addEventListener("click", () => {          student.proper noun = 'Rohan Sharma';          student.age = 16;          pupil.place = 'Delhi';          educatee.displayInfo = function(){          return 'Name = '+this.name+' : Age = '+this.historic period+' : Identify = '+this.place;       }       resEle.innerHTML += pupil.displayInfo();    }); </script> </body> </html>

Output

On clicking the 'CLICK HERE' button −

Published on 22-Jul-2020 08:03:32

Related Questions & Answers
How to add properties and methods to an object in JavaScript?
How to add, access JavaScript object methods?
How to add together, access, delete, JavaScript object properties?
Shortest syntax to assign properties from function telephone call to an existing object in JavaScript
How to create an object and admission its properties in JavaScript?
How to add new value to an existing array in JavaScript?
How to define methods for an Object in JavaScript?
How to create object backdrop in JavaScript?
How to delete object properties in JavaScript?
How to indistinguishable Javascript object properties in another object?
How to add an element to a javascript object?
How to add properties from one object into another without overwriting in JavaScript?
Extract properties from an object in JavaScript
How to add columns to an existing MySQL tabular array?
JavaScript Object Properties