Passing Object Parameter To Another Function - Javascript

Question

The current code fails because element.style.backgroundColor = "yellow" is not referencing the object that I passed in as a parameter (mydiv).

How do I give func2 the reference to the element "mydiv"? I know this code does not require func2, as what can be done in func2 can be done in func1, but for my actual code I need to pass the object to another function. How can I do this in JavaScript without jquery? Thanks.

function func1() {
    var a = document.getElementById("mydiv");
    a.style.backgroundColor = "black";
    function func2(a);
}

function func2(element) {
    element.style.backgroundColor="yellow";
}

Remove the word function on your function call... function func2(a);...it should be just func2(a); — Hackerman
– Hackerman, Commented Jun 19, 2018 at 17:50
No problem @Y.Moondhra ..I'm glad to help, and everyone has this kind of mistakes and errors at the begining so, no problem, and keep going! — Hackerman
– Hackerman, Commented Jun 19, 2018 at 18:28
I added another line to the code: document.getElementById("text").innerHTML = element.style.left; and now it actually doesnt work. I can change but not get the element's "left" component until AFTER i give it a value through javascript. — Y. Moondhra
– Y. Moondhra, Commented Jun 19, 2018 at 18:30

Nishant Dixit · Accepted Answer · 2018-06-19 18:02:19Z

1

There is no need to use function in order to call func2, function keyword only use when you need to define new function.

function func1() {
    var a = document.getElementById("mydiv");
    a.style.backgroundColor = "black";
    func2(a);
}

function func2(element) {
    element.style.backgroundColor="yellow";
}

edited Jun 19, 2018 at 18:02

answered Jun 19, 2018 at 17:52

Nishant Dixit

5,5125 gold badges22 silver badges32 bronze badges

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

1 Comment

Y. Moondhra Over a year ago

Sorry, this was a simple mistake that I kept looking over. Thank you.

Zeeshan Elahi · Accepted Answer · 2018-06-19 17:59:14Z

0

Just remove the word function from function func2(a);.

Your code should look like this.

function func1() {
    var a = document.getElementById("mydiv");
    a.style.backgroundColor = "black";
    func2(a); //You just need to update this line.
}

function func2(element) {
    element.style.backgroundColor="yellow";
}

Try to google for JavaScript Hoisting to get more details.

answered Jun 19, 2018 at 17:59

Zeeshan Elahi

2672 silver badges9 bronze badges

Collectives™ on Stack Overflow

Passing Object Parameter To Another Function - Javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related