How to access property inside function constructor javascript

Question

I need to manipulate HTML tags through a class as such:

/*
 * Begin: HTML Class
 */
HTML = function(el, property) { // Construct
    this.el = el;
    this.property = new Array;
    var HTML = document.createElement(el);

    this.element = function() {
        return HTML;
    };

    HTML.objects.push(this);

    if (typeof property == "object")
        for (i in property)
            this.addProperty(i, property[i]);
};

HTML.objects = new Array; // Registers all new HTML objects.

// Adds a new property to HTML current element.
HTML.prototype.addProperty = function(name, value) {
    this.property[name] = value;
    this.getHTML()[name] = value;
};

// Retrieves current HTML element.
HTML.prototype.getHTML = function() {
    return this.element();
};

// Clones current HTML objects with same construct arguments.
HTML.prototype.clone = function() {
    return new HTML(this.el, this.property);
};
/*
 * End: HTML Class
 */

Each time new HTML(...) is called, newly created instance must be stored within HTML.objects which is a static property of HTML whose role is to keep track of all HTML objects. But now when it reaches to HTML.objects.push(this); it will return undefined property error. After, I tried to call for HTML.objects in firebug and it was definitely defined. As function(...) { ... } is called at instantiation, shouldn't it be able to access HTML.objects property?
Thanks.

I would strongly recommend to resolve the name clash between HTML and HTML. — Bergi
– Bergi, Commented May 31, 2015 at 10:40
Also HTML is a particularly bad name for a DOM element (which has nothing to do with HTML markup). Some goes for the .getHTML() method - just use the .element() one. — Bergi
– Bergi, Commented May 31, 2015 at 10:41

Moppo · Accepted Answer · 2016-01-13 14:10:05Z

2

The proprety HTML.objects doesn't exists because in your constructor's scope HTML is the variable you have defined here:

var HTML = document.createElement(el);

so, when you make this call:

HTML.objects.push(this);

you are trying to access the proprey of the just declared HTML variable.

In fact, if you try to replace the first line with:

var HTML_INNER = document.createElement(el);

It'll work

edited Jan 13, 2016 at 14:10

answered May 31, 2015 at 10:35

Moppo

19.4k5 gold badges68 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

cram2208 Over a year ago

WOW ! Now I feel shameful. I was testing it with another object which was working fine. But in the other object I was not defining an internal var with same name as object. Thanks a lot.

Moppo Over a year ago

:) another advice is: you use the same name 'property' for a constructor parameter and a object field, but you don't assign the parameter to the field in the constructor. This could lead to misunderstandings

Collectives™ on Stack Overflow

How to access property inside function constructor javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related