是否可以从追加/html函数中获取值

Question

>HTML Code

<div id="price-tag"><i class="fa fa-inr"></i> <span id="price"></span></strong></div>

有一个将值附加到跨度的 Java 脚本函数

$("#price").html(Price);

现在我想得到价格值 -JavaScript 代码

document.getElementById('price-tag').onclick = function(e){
alert(document.getElementById('price').value);
}

它的返回未定义。有什么方法可以获取值吗？

Answer 1

span不是input，因此它没有value。在处理元素的文本内容时，您应该使用它innerText：

$("#price").text(Price);
var price = $("#price").text();
// Or
document.getElementById('price').innerText = Price;
var price = document.getElementById('price').innerText;