JavaScript detect in which element an object is created

Question

Note: This question is marked as a duplicate but I'm not looking to get the script element but the div element as seen in my code where the script is in. Whereas the "duplicate" is looking to get the script tag. this is not the case with my script.

I am using JavaScript for my current project and was wondering if there is a way to detect which HTML element an object was created in.

Consider the following code.

Editable.js

function Editable(elem, form1, form2) {

    this._edit_form;
    this._value_form;
    this._current_form;

    //Getters
    this.getEditForm        = function() { return this._form1; };
    this.getValueForm       = function() { return this._form2; };
    this.getCurrentForm     = function() { return this._current_form; };

    //Setters
    this.setCurrentForm = function(current_form) { this._current_form = current_form; };

    this.switch = function() {

        if(_current_form == _edit_form)
            _current_form = _value_form;
        else
            _current_form = edit_form;

    };

    var __construct = function() {

        $(this.elem).html(this._value_form);

    }();

}

-

<html>
<head>
    <script src='Editable.js'></script>
</head>
   <body>
      <div>
      <script>new Editable(this, "Company Name", "<input type='text' placeholder='enter a company name' />");</script>
      </div>
   </body>
</html>

The point of an editable is that it has a value form and an edit form. I want to be able to switch between those by removing the text from the element and placing an HTML Input field. This change is supposed to happen when clicking the element.

The problem now is that "this" logs as

Window {top: Window, window: Window, location: Location, external: Object, chrome: Object…}

While the object would need to know what element it is in so it may edit it's contents. So I would need the DIV HTML element for that.

Thank you very much.

What about adding an paramter to your constructor and then call new Editable(this);? But your HTML is very short, I am not sure if this works in your code. — 0lli.rocks, Sep 08 '14 at 08:49
@Barmar yes you are right, I edtited my comment, because I am confused by his script tag inside his div. — 0lli.rocks, Sep 08 '14 at 08:52
What about getting the script tag like mentioned in the duplicate question, and then getting the parentNode of it? — Van Coding, Sep 08 '14 at 09:27
Thank you! It worked, I got a hold of the object through your method. How do I properly create an answer for this question out of this? — Bob Desaunois, Sep 08 '14 at 09:50

JavaScript detect in which element an object is created

0 Answers0