2017-05-12 71 views
-4

HTML代碼是否有可能得到附加/ HTML功能的值

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

有附加價值的跨度

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

Java腳本函數現在我想要得到的價格值 - java腳本代碼

document.getElementById('price-tag').onclick = function(e){ 

alert(document.getElementById('price').value); 
} 

其返回未定義。 有什麼方法可以獲得價值?

+0

'span'元素沒有一個'value'財產,這些都是與用戶輸入相關的元素。如果你想要元素的內部html,使用'.innerHTML'。如果你只想要文本內容,可以使用'.textContent'。 – nem035

+0

使用'document.getElementById(「price」)。innerHTML' –

+0

如果你使用jQuery,**使用** jQuery。使用'$('#price').val()',而不是'document.getElementById('price').value',儘管在你的情況下你需要'.text()'或'.html()' – j08691

回答

0

span不是input,因此它沒有value。你應該努力與它的innerText因爲你面對的元素的文本內容:

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