JavaScript querySelectorAll classname innerHTML

Question

I have following element :

document.querySelectorAll('.apply-dealer-xyz').innerHTML = "Deselect";

<button class="btn cta-primary apply-dealer-xyz">Select</button>

But it is not working.

Anybody have some guess?

And another question it is possible do something like this in jquery? (pseudo) :

document.querySelectorAll('[classname*=apply-dealer]').innerHTML = "anything"

That will change every element containing apply-dealer in class name?

Thanks,

score 0 · Accepted Answer · edited Nov 22 '17 at 08:06

0

document.querySelectorAll('.apply-dealer-xyz')[0].innerHTML = "Deselect";

edited Nov 22 '17 at 08:06

sampathsris

answered Nov 22 '17 at 07:57

nivendha

Thanks. And what about the second question? Is it possible in javascript? – Martin Fric Nov 22 '17 at 10:17

score 0 · Answer 2 · answered Nov 22 '17 at 07:58

0

You have to use innerHTML on first element of querySelectorAll, because querySelectorAll returns array

document.querySelectorAll('.apply-dealer-xyz')[0].innerHTML = "Deselect";

<button class="btn cta-primary apply-dealer-xyz">Select</button>

answered Nov 22 '17 at 07:58

Sylwek

2 Answers2