Create an object and add attributes : Objects Object Oriented « Language Basics « JavaScript DHTML

Create an object and add attributes

 

<html>
<head>
    <title>The Delete Operator</title>
    <script type = "text/javascript" >

    var aObject = {};
    
    aObject["A"] = new Object;
    aObject["B"] = new Object;
    aObject["C"] = new Object;
    aObject["D"] = new Object;
    
    aObject["A"].myValue = "a";
    aObject["B"].myValue = "b";
    aObject["C"].myValue = "c";
    aObject["D"].myValue = "d";

    </script>
</head>
<body id = "mainbody">
<script type = "text/javascript">

    for (obj in aObject) {
        var para = document.createElement('p');
        para.id = obj;
        para.appendChild(document.createTextNode(obj + ": " + aObject[obj].myValue));
        document.getElementsByTagName("body")[0].appendChild(para);
    }
    
</script>

</body>
</html>

Related examples in the same category

1.	Object utility: create, parse and profile
2.	Define Object, use its instance
3.	Define and use object
4.	Creating an Object and Using Object Instance Properties and Methods
5.	Object-Oriented Planetary Data Presentation
6.	The Book Object Definition
7.	Complete Example of Using the employee, client, and project Objects
8.	Source Code for the showBook() Example
9.	Using the Book Object Constructor
10.	Creating Objects Dynamically
11.	Object to array
12.	Utility class for JavaScript class definition
13.	Use for in loop to display all attributes from an object
14.	Display the properties from an object one by one
15.	An object and its constructor
16.	Use function as the object constructor