Wie bekomme ich einen Wert von innerhalb eines Elements in HTML und setze es als Variable in JS

Question

Hier habe ich ein Element.

<span id="coins">50</span> 

Und ich will die 50 aus ihm heraus zu bekommen und sie als x (so ähnlich)

var x = ("#coins") 

Aber ich bin nicht sicher, wie es zu tun ...

Answer 1

Ich gehe davon analysieren möchten, dass Sie x wollen als Zahl am Ende, so könnte man dies tun:

var x = +(document.getElementById("coins").innerHTML) 

Welche erhalten die innerHTML des Elements, dann wandeln Sie es in eine Zahl mit der unary +.

Dies funktioniert auch:

var x = parseFloat((document.getElementById("coins").innerHTML)); 

var x = parseInt((document.getElementById("coins").innerHTML), 10); 

Es gibt auch eine innerText sowie .textContent Eigenschaft, aber sie haben nicht so breit Unterstützung.

Answer 2

Sie können die innerHTML des Elements zugreifen wie so:

var spanEl = document.getElementById('coins'); 
var x = spanEl.innerHTML; 

Wenn Sie es einwerfen wollenSie können parseInt verwenden:

var spanEl = document.getElementById('coins'); 
var x = parseInt(spanEl.innerHTML, 10); 

Beachten Sie, dass 10 das zweite Argument in der parseInt Funktion ist. Das bedeutet, dass Sie die Zahlenbasis 10.

Answer 3

Kann nicht richtig es in den Kommentaren Stil, aber das ist, was ich empfehlen würde tun.

var x = parseInt(document.getElementById("coins").childNodes[0].nodeValue); 

x = isNaN(x) ? 0 : x;