Получить значение тега span HTML

Вопрос задан: 7 месяцев назад Последняя активность: 7 месяцев назад
up 1 down

мой тег span выглядит так:

<span id="quantity_value" value="1">1</span>

И значение изменяется с помощью jquery.

Я хочу иметь значение этого диапазона в качестве параметра, когда я пытаюсь с JS скрипт:

var number = document.getElementById("quantity_value");

Мой номер равен:

'<span id="quantity_value" value="1">1</span>'

Но я хочу, чтобы число было равно значению.

3 ответа

up 2 down

Если вы добавите:

console.log(number); только после того, как вы определите его и посмотрите на отладчик, вы увидите, что он обладает различными свойствами.

Вы хотите получить innerHTML, имущество:

number.innerHTML
up 2 down accepted

использование

var number = document.getElementById("quantity_value").innerHTML;

Только написание

var number = document.getElementById("quantity_value");

вы храните объект в переменной.

up 0 down

Я бы предложил изменить value в поле данных, чтобы исправить ваш нестандартный HTML, а затем вы можете получить этот атрибут, когда вам нужно значение. Например:

$('#changeValue').on('click', function(){
  var newValue = Date.now() % 100;
  
                                   //change the data attribute
  $('#quantity_value').text(newValue).data('value', newValue);
});

$('#getValue').on('click', function(){
  console.log($('#quantity_value').data('value'));
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span id="quantity_value" data-value="1">1</span>
<div><button id="changeValue">Change Value</button></div>
<div><button id="getValue">Get Value</button></div>