Object 2

by fredericklim

HTML

<p id="p1"></p>
<p id="p2"></p>
<p id="p3"></p>
<p id="p4"></p>
<p id="p5"></p>
<p id="addr"></p>

JavaScript

var person = new Object();

// Attach properties and methods to person object     
person.firstName = "Frederick";
person["lastName"] = "Lim"; 
person.age = 25;
person.address = {
	country: "HK"
};
person.getFullName = function () {
  return this.firstName + ' ' + this.lastName;
};

// access properties & methods 
if (person.hasOwnProperty("firstName")) document.getElementById("p1").innerHTML = person.firstName; 
document.getElementById("p2").innerHTML = person.lastName; 

document.getElementById("p3").innerHTML = person["firstName"];
document.getElementById("p4").innerHTML = person["lastName"];

document.getElementById("p5").innerHTML = person.getFullName();

for (var key in person) {
	console.log(key);
}

document.getElementById("addr").innerHTML = person.address.country;