HTML'de bir öğenin içinden bir değer nasıl alınır ve JS

Question

'da değişken olarak ayarlayın Burada bir öğem var.

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

Ve (böyle bir şey)

var x = ("#coins") 

bunun dışında 50 kazanıyor ve x gibi olmasını isteme Ama bunu nasıl emin değilim ...

Answer 1

ayrıştırmak istediğinizi gösterir, bu nedenle bu yapabilirdi:

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

alacak hangi öğenin innerHTML, sonra unary + kullanarak bir sayıya dönüştürün. ayrıca innerText yanı sıra .textContent mülkiyet yoktur

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

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

ama kadar geniş desteğin yok:

Bu aynı zamanda çalışır.

Answer 2

Öyle gibi elemanın innerHTML erişebilirsiniz:

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

biriçin döküm istiyorsanızEğer parseInt kullanabilirsiniz: 10parseInt işlevinde ikinci bağımsız değişken

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

Not söyledi. Yani sayı üssü Sana bir numara olarak sonuna kadar x istiyorum varsaymak gidiyorum 10.

Answer 3

düzgün yorumlar kısmında stil olamaz, ama bu yaptığını öneriyoruz budur.

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

x = isNaN(x) ? 0 : x;