2014-01-31 93 views
-1

我的js代碼給出belowbelow:如何從HTML代碼使用JavaScript獲取值?

var intime = document.getElementById('clocktime').innerHTML; 

使用此我得到銀泰值低於:

<span class="clocktime">07:25:41 PM</span> 

我只是想從code.How像07:25:41 PM值可我用js得到這個值嗎?任何想法?

+0

看看這裏的的詳細信息。 http://stackoverflow.com/questions/11266990/how-to-get-values-in-span-tag-from-js – johnny

回答

2

這個工作在IE9 +

document.querySelector('.clocktime').textContent; 

下面是一個例子:http://jsfiddle.net/bpWP4/

由於T.J. Crowder指出,你可以使用innerHTML使它在IE8 +中工作。

document.querySelector('.clocktime').innerHTML; 
1
document.getElementsByClassName('clocktime')[0].innerHTML; 

如果要IE 8兼容性:

document.querySelector('.clocktime')[0].innerHtml; // Take note of the added period in the selector. 

這些樣品都使用返回選擇器匹配元素的數組的函數。這就是爲什麼我使用[0]來獲得這些陣列的第一個元素。

+1

(geez,我應該知道這個東西... jQuery的讓我懶/ sloppy) – Cerbrus

+1

Nah ,你只是用頭腦來處理重要的事情,而不是整個團隊爲我們追蹤的愚蠢的瀏覽器不兼容問題。 :-) –

0

您可以抓取<span>而不是圍繞它的元素。例如:

var intime = document.querySelectorAll('#clocktime .clocktime')[0].innerHTML; 

這是假定只有一個<span class="clocktime">id="clocktime"裏面的元素有。

但是請注意,querySelectorAll沒有在IE 7支持,或真的是老版本的Firefox和Opera:

相關問題