How to run a nested javascript function?

Question

I am new to object orientated programming in javascript and am trying to understand some functions in a project I am working on.

How would I call/run the internal function (the one listed 'this.getFieldset = function() {') to execute?

function Fieldset() {

    this.id = "";
    this.content = document.createElement("DIV");
    this.content.id = "content";
    this.title = "Title";

    this.getFieldset = function() {

        var div = document.createElement("DIV");
        div.id = this.id;
        var span = document.createElement("SPAN");
        var fieldset = document.createElement("DIV");
        fieldset.id = "fieldset";
        var header = document.createElement("DIV");
        header.id = "header";
        span.appendChild(document.createTextNode(this.title));
        header.appendChild(span);
        div.appendChild(header);
        div.appendChild(this.content);
        div.appendChild(fieldset);

        return div;
    }
}

var myFieldset = new Fieldset();
myFieldset.getFieldset();

I recommend to read through MDN - Working with Objects.

Felix Kling
– Felix Kling

2012-06-13 15:53:26 +00:00
Commented Jun 13, 2012 at 15:53 — Felix Kling
– Felix Kling, Commented Jun 13, 2012 at 15:53
from where would you like to execute it?

Sebas
– Sebas

2012-06-13 15:54:31 +00:00
Commented Jun 13, 2012 at 15:54 — Sebas
– Sebas, Commented Jun 13, 2012 at 15:54

Joseph Silber · Accepted Answer · 2012-06-13 15:54:04Z

5

First you should create an instance of Fieldset, then you'll be able to call its functions (called methods):

var myFieldset = new Fieldset();

myFieldset.getFieldset();

answered Jun 13, 2012 at 15:54

Joseph Silber

221k59 gold badges369 silver badges292 bronze badges

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

3 Comments

fakeguybrushthreepwood Over a year ago

I thought when running this it would make what I presumed myFieldset.getFieldset() would run which is create a DIV, SPAN, etc. Don't mean to make this out of scope, but shouldn't that write to the page?

Felix Kling Over a year ago

@peteskiii: No. You don't append the created div anywhere. It is returned by getFieldset, so do something with it ;)

fakeguybrushthreepwood Over a year ago

but when i run this code, nothing happens at all, i don't see anything in the object inspector?

Christopher Marshall · Accepted Answer · 2012-06-13 15:54:14Z

-1

    function Fieldset() {

    this.id = "";
    this.content = document.createElement("DIV");
    this.content.id = "content";
    this.title = "Title";

    this.getFieldset = function() {

        var div = document.createElement("DIV");
        div.id = this.id;
        var span = document.createElement("SPAN");
        //var fieldset = document.createElement("DIV");
        //fieldset.id = "fieldset";
        var header = document.createElement("DIV");
        header.id = "header";
        span.appendChild(document.createTextNode(this.title));
        header.appendChild(span);
        div.appendChild(header);
        div.appendChild(this.content);
        div.appendChild(fieldset);

        window.alert("test");

        return div;
    }

    //add call to run function
    this.getFieldset();

}

answered Jun 13, 2012 at 15:54

Christopher Marshall

10.7k10 gold badges57 silver badges95 bronze badges

3 Comments

Steve H. Over a year ago

I think he means from OUTSIDE the implementation.

Christopher Marshall Over a year ago

Since he didn't imply that, I didn't assume. You know what they say about assumptions.

fakeguybrushthreepwood Over a year ago

I have tried to update the code example to better show what I am trying to achieve.

Collectives™ on Stack Overflow

How to run a nested javascript function?

2 Answers 2

3 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related