Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
data-percent javascript
#1
Hallo Zusammen,

ich hab folgenden HTML - CODE


Code:
<li data-percent="13%"></li>

Und möchte das "data-percent" per Javascript "hochzählen", aber nur das und nicht das im DOM die Zahl in den li steht.

gibt es da eine Möglichkeit oder ist es aussichtslos??

Danke schon mal Yangdragon
Zitieren
#2
Erstmal ohne %-Zeichen,

Code:
<li id="zaehl-mal-hoch" data-percent="13"></li>

<script>
var li = document.getElementById('zaehl-mal-hoch'),
    neuerWert = Number(li.getAttribute('data-percent')) + 1;

li.setAttribute('data-percent', neuerWert);
</script>

und jetzt mit %-Zeichen, wenn es denn sein muss.
Code:
<li id="zaehl-mal-hoch" data-percent="13%"></li>

<script>
var li = document.getElementById('zaehl-mal-hoch'),
    wertOhneProzent = li.getAttribute('data-percent').split('%')[0],
    neuerWert = Number(wertOhneProzent) + 1;

li.setAttribute('data-percent', ( '' + neuerWert + '%');
</script>

Viel Spaß beim verstehen.

Gruß René
Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste