获取跨度标签HTML的值

Question

我的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>'

但我希望数字等于价值。

Answer 1

如果添加：

console.log(number); 在定义它并查看调试器之后，您将看到它具有各种属性。

您要获取innerHTML属性：

number.innerHTML

Answer 2

采用

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

只写

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

您将对象存储在变量中。

Answer 3

我建议将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>