how to expand toggle using javascript?

Question

I am trying to expand toggle class using JavaScript but its not working, i am using setAttribute('aria-expanded', 'true') its giving error set-attribute is null.

(document.getElementById("collapseid")as HTMLTextAreaElement).setAttribute('aria-expanded', 'true')

How can we expand the toggle area with div id using JavaScript and without use of click. i am not sure set attribute will solve the issue, i tried to set the attribute true using Edit Html option but it dint work. unless i click on the toggle button its not expanding, please let me know how to achieve this

I don't see your html element but did you try document.getElementById("collapseid").setAttribute('aria-expanded', 'true') ? — chg
– chg, Commented Jan 20, 2020 at 18:59
@chg, yes i tried but its giving set attribute null error .. Note:HTML is too long to paste it here — user2319726
– user2319726, Commented Jan 20, 2020 at 19:08

CH4B · Accepted Answer · 2020-01-20 19:11:12Z

0

Document.getElementById will already return you an Element object, no need for that 'as ...' that you're doing.

The function .setAttribute is supposed to work in any Element object, so you can fix it by simply doing:

let collapseObject = document.getElementById("collapseid")
collapseObject.setAttribute('aria-expanded', 'true')

Now, if you need to add or remove a class, I recommend using the classList.add() and classList.remove() functions.

answered Jan 20, 2020 at 19:11

CH4B

7841 gold badge11 silver badges32 bronze badges

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

4 Comments

user2319726 Over a year ago

Thanks for the reply.. angular application is not accessing element without use of as html .. i tried to set attribute but its throwing set attribute is null error ..

CH4B Over a year ago

Let' see. Is it an AngularJS app, or Angular 2+ app? You see, using the document.getElement... is a bad practice when using Angular, there are better ways

user2319726 Over a year ago

its angular 6 app.

CH4B Over a year ago

Try taking a look here stackoverflow.com/questions/38944725/… @user2319726

Collectives™ on Stack Overflow

how to expand toggle using javascript?

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related