comment obtenir de la valeur d'une classe css spécifique en utilisant javascript

Vous pouvez sélectionner l'élément à l'aide de document.querySelectorAll et obtenir la valeur à l'intérieur de la balise span à l'aide de innerHTML comme suit.

document.querySelectorAll("[data-reactid='.1.0.0.0.1.0']").innerHTML

Si vous souhaitez obtenir le texte du premier élément de la classe, vous pouvez essayer ce qui suit:

var all = document.querySelectorAll('span.vsm-badge-timer');
all.forEach(function(el){
  var data = el.textContent;
});

Si vous avez plusieurs éléments avec la classe, vous devez obtenir tous les éléments à l'aide de querySelectorAll() et les itérer pour prendre la valeur individuellement:

var data = document.querySelector('span.vsm-badge-timer').textContent;

Utilisation de getElementsByClassName et querySelector . Notez que getElementsByClassName renvoie une liste, il est donc nécessaire d'accéder à la première position de la liste.

<span class = myClass>text</span>

var text = document.getElementsByClassName("myClass")[0].innerHTML; 
console.log(text)

text = document.querySelector(".myClass").innerHTML
console.log(text)

De plus, j'ai utilisé la class mais vous pouvez utiliser une autre valeur pour correspondre à votre élément html.

Vous pouvez utiliser soit:

getAttribute() méthode getAttribute() de l'interface Element renvoie la valeur d'un attribut spécifié sur l'élément.

var badgeTimer = document.querySelector('.vsm-badge-timer');
let reacid=badgeTimer.dataset['reacid'];

La propriété de l'ensemble de données sur l'interface HTMLElement fournit un accès en lecture / écriture à tous les attributs de données personnalisés (data- *) définis sur l'élément. Cet accès est disponible à la fois en HTML et dans le DOM.

var badgeTimer = document.querySelector('.vsm-badge-timer');
let reacid=badgeTimer.getAttribute('data-reacid');