Pass class function as function parameter JS [duplicate]

Question

I have defined following function:

function handleMessageDot(fun) {
    domElement.classList.fun('hidden');
}

Now I want to use one of those: handleMessageDot(add), handleMessageDot(remove). I get remove is not defined error. I assume that is because remove() and add() functions are classList methods. I now I can do the following:

function handleMessageDot(domElement, fun) {
    domElement.classList.fun('hidden');
}

but I don't want to do that. Is there a way to do 'my' way?

Rory McCrossan · Accepted Answer · 2024-09-17 19:09:34Z

2

When attempting to access the property of an object using the value of a separate variable you need to use array notation:

const handleMessageDot = (domElement, fun) => domElement.classList[fun]('hidden');

handleMessageDot(document.querySelector('.hidden'), 'remove');

.hidden {
  display: none;
}

<div class="hidden">
  Lorem ipsum
</div>

answered Sep 17, 2024 at 19:09

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

1 Comment

mgar Over a year ago

That did a job. Thanks!

Collectives™ on Stack Overflow

Pass class function as function parameter JS [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related