如何從中獲取textContent <img> 標簽？

Question

我正在研究工作，以成千上萬的格式格式化一些原始數字。 格式功能很好。 問題是：一些數字放在img標簽上，例如：

<div class = "opinion">
    <img class ="icon-like" alt="img" src="like.png">1148597
    <img class="icon-dislike" alt="img" src="dislike.png">600000000
</div>

由於img標簽按照定義沒有子節點 ，因此迭代img以便將格式化后的數字放回它們的最佳方法是什么？ 如果我使用.innerHTML，則會刪除img標簽，僅顯示格式化的數字。

提前發送。

Answer 1

只需在圖像上調用nextSibling ，然后使用textContent實際獲取文本：

var images = document.querySelectorAll('.opinion img');

Array.prototype.forEach.call(images, function (el) {
    var text = el.nextSibling.textContent;
    // Use the text associated with the image...
});

這是小提琴： http : //jsfiddle.net/TYGAq/