Ich versuche, den Wert 12.5 als eine Variable festzulegen, indem Sie es aus diesem Codeabschnitt extrahieren.So finden Sie die innereHTML eines Elements
Ich habe versucht, einige Forschung zu tun, aber kann nicht meinen Kopf herum, helfen geschätzt.
var inthepot = 0
inthepot = +(document.querySelector("li")[0].innerHTML)
Da Sie .querySelector verwenden, können Sie nicht die [0] verwenden. Stattdessen rufen Sie einfach die .innerHTML, und verwenden Sie String Parsen Ihre Zahl zu erhalten:
function getNumber(){
alert(parseFloat(document.querySelector("li").innerHTML.split("</span>")[1].split(" ")[0]));
}<!DOCTYPE HTML>
<html>
<body>
<li style="background-color: transparent;">
<a href="#userModal" data-toggle="modal" data-target="#userModal"></a>
<span style="background-color:#FDBF6F"></span>
12.5 GoCoins
</li>
<button onclick="getNumber()">Click!</button>
</body>
</html>Hier ist eine Lösung mit regex:
https://jsfiddle.net/9vs9v7oL/1/
var my_li_contents = document.querySelector('li').innerHTML;
var coins = /^([0-9.]+) GoCoins$/m.exec(my_li_contents);
alert(coins[1]);
Verwenden Node.textContent statt von innerHTML
Die
Node.textContentEigenschaft stellt dietext contenteinnodeund seinedescendants.
Unary plus (+), Die unary plus operator voran seinen Operanden und wertet seine Operanden aber Versuche, es in ein zu number umwandelt, wenn es nicht schon ist.
Hinweis:Number auch statt Unary plus (+)
function getNumber() {
alert(+document.querySelector("li").textContent.trim().split(" ")[0]);
}<li style="background-color: transparent;">
<a href="#userModal" data-toggle="modal" data-target="#userModal"></a>
<span style="background-color:#FDBF6F"></span>
12.5 GoCoins
</li>
<button onclick="getNumber()">Click!</button>
verwendet werden könnte Was ist 'inthepot'? – Li357
es ist nur eine Variable – Recuvan
Verwenden Sie 'textContent' anstelle von' innerHTML' – Rayon