2011-08-03 45 views
1

我有一個跨度標籤的JavaScript抓住span標記既class和id

<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

+3

getElementById僅查看id,由於id值在頁面中必須是唯一的,因此您提出的建議應該可以正常工作。 – jfriend00

回答

0

首先,ids是唯一的。你不能有多個。因此,當你通過id選擇元素時,你只能帶回一個元素(這很好)。其次,在獲得元素後,你必須對它做些什麼。 var string = document.getElementById('v4-25');只會爲您提供元素,但它看起來像您想要var string = document.getElementById('v4-25').innerHTML;的價格。如果你確實想要這個id,你可以做var string = document.getElementById('v4-25').id;,但是因爲它只是返回「v4-25」,所以它有點多餘。

3

getElementById將工作得很好。只要確保在頁面加載後運行它。

+0

因此,

asdasdasdasdasd
var string = document.getElementById('v4-25'); document.getElementById('listprice')。innerHTML = string; 應該在'listpirce'中打印'v4-25'的值嗎? –

+0

也許你正在縮寫代碼;不,這沒有意義。如果你在頁面中同時擁有一個ID爲'listprice'和'v4-25'的div,那麼你可以通過這樣做將'listprice'的innerHTML設置爲'v4-25'的innerHTML:'document.getElementById(' listprice')。innerHTML = document.getElementById('v4-25')。innerHTML' – Jacob

0

沒有理由添加一個類。在這個dom元素被加載後運行腳本。

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