如何使用javascript从HTML代码中获取值？

Question

我的js代码如下：

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

使用这个我得到intime的值低于：

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

我只想从代码中获取 07:25:41 PM 这样的值。如何使用js获取此值？有什么想法？

Answer 1

这适用于IE9 +

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

以下是一个示例：http://jsfiddle.net/bpWP4/

作为T.J. Crowder指出，您可以使用innerHTML使其在IE8 +中运行。

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

Answer 2

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

如果您想要IE 8兼容性：

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

这两个示例都使用一个函数，该函数返回与选择器匹配的元素数组。这就是我使用[0]从这些数组中获取第一个元素的原因。

Answer 3

你可以抓住<span>而不是周围的元素。例如：

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

这假设元素中只有一个<span class="clocktime"> id="clocktime"。

但请注意，IE 7或Firefox和Opera的旧版本不支持querySelectorAll：

• http://caniuse.com/#search=queryselectorall