I tried the @MaxZieb and @MarkHunte extension "hypeDocument.setInnerHtmlByClass". This works great but I'm looking for a way to change more classes at the same time. What I am trying to do is the following. I have a lot of elements with a unique class. Using a button, I can show text inside the e…

[image] Djon: want to change the text. No problem. Example: text is Eb in class 'root' and Bb in class 'fifth'. Change this into resp. D# and A#. No problem. But a little later text is Eb in class 'fifth' and Bb in class 'root'. Is there a way to collect all these classes and change and reverse…

Change innerHTML in multiple classes at once

Using JavaScript with Hype

MaxZieb (Loves Hype) April 3, 2021, 6:58pm 3

This goes into head


<script src="https://cdn.jsdelivr.net/gh/worldoptimizer/HypeDataDecorator/HypeDataDecorator.min.js">
</script>
<script>
HypeDataDecorator.mapDataAttribute('label');
</script>

Now, add data-label to a group… editing data-label will change all instances of .label below it in one go and is reactive.

3 Likes