帶有類和ID的javascript抓取跨度標簽

Question

我有一個跨度標簽

<span class="vi-is1-prcp" id="v4-25">US $99.00</span>

我想使用純JavaScript來抓取它。 不允許使用JQuery或任何其他庫。 那可能嗎？

我確認

getElementById('v4-25')

因為我也必須指定班級，對嗎？

謝謝，

所以，

<div id="listprice">asdasdasdasdasd</div>
var string = document.getElementById('v4-25');
document.getElementById('listprice').innerHTML = string;

應該在'listpirce'中打印'v4-25'的值？

H

Answer 1

getElementById將正常工作。 只要確保在頁面加載后就在運行它即可。

Answer 2

沒有理由添加一個類。 這樣加載dom元素后運行腳本。

<span class="vi-is1-prcp" id="v4-25">US $99.00</span>
<script>
    var elm = document.getElementById('v4-25');
</script>

Answer 3

首先，ID是唯一的。 您最多只能有一個。 因此，當您通過ID選擇元素時，您只能帶回一個元素（這很好）。

其次，獲得元素后，必須對其進行處理。 var string = document.getElementById('v4-25'); 僅獲取您的元素，但看起來您想要var string = document.getElementById('v4-25').innerHTML; 價格。 如果您確實想要ID，則可以執行var string = document.getElementById('v4-25').id; 但是因為它只返回“ v4-25”，所以有點多余。