Inneres HTML Objekt auslesen und umrechnen

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Diesdasananas

Neues Mitglied
18 Februar 2021
3
0
1
26
Hallo Zusammen,

Ich bin absolut Neu im Thema Javascript und brauche Hilfe!

Ich habe folgenden HTML Code den ich leider nicht verändern kann:

<span class="test"></span><span itemprop='price' content='509.00'>509,00</span> <span itemprop='priceCurrency' content='EUR'>€</span></span>

script>
var x = document.getElementsByClassName("test").innerHTML;
c = (x.replace(",","."));
alert(c*2);
</script>

Ich möchte den Inhalt (509,00) auslesen, in eine Zahl (mit Punkt) umwandeln und mal 2 rechnen.

Kann mir jemand helfen? :)
 
Zuletzt bearbeitet:
Werbung:

Diesdasananas

Neues Mitglied
18 Februar 2021
3
0
1
26
Jetzt habe ich einige Zeit rumprobiert und habe eine Lösung gefunden:

<span class="d"></span><span itemprop='price' content='509.00'>150,900</span> <span itemprop='priceCurrency' content='EUR'>€</span></span>
</span>
<p id="demo">brutto</p>
<script>
var els = document.getElementsByTagName('span'), i = 0, price;

for(i; i < els.length; i++) {
prop = els.getAttribute('itemprop');

if(prop) {
price = els.innerHTML;

c = price.replace(",",".")*2;
var d = c.toFixed(2);
alert(d);
document.getElementById("demo").innerHTML = d;
break;
}
}
</script>

Jedoch gibt es immer noch ein Problem.
Wenn ich den Code auf der Seite einbinde, liest der Code andere Itemprops aus und es kommt NaN bei der Ausgabe heraus.

Gibt es eine andere Möglichkeit das Element itemprop='price' auszulesen?
Ich bräuchte getElementByItemprop oder so was :)
 

Sempervivum

Senior HTML'ler
18 Oktober 2016
2.195
435
83
68
Selbstverständlich, es gibt die Funktion querySelector, damit kommst Du an das Element wie folgt heran:
Code:
const ele = document.querySelector('[itemprop="price"]');
 
  • Like
Reaktionen: Diesdasananas
Werbung:

Diesdasananas

Neues Mitglied
18 Februar 2021
3
0
1
26
Super, hat geklappt. Vielen vielen Dank
Virtueller High Five :)

Falls jemand anders den Code Mal braucht:

<p id="demo">brutto</p>
<script>
var price = document.querySelector('[itemprop="price"]').innerHTML;
var c = price.replace(",",".")*1.19;
var d = c.toFixed(2);
alert(d);
document.getElementById("demo").innerHTML = d;

</script>
 
Werbung:

Neueste Beiträge