javascript - 如何从标签中获取 textContent？

Question

我正在编写一个greasemonkey 脚本来将一些原始数字格式化为数千。格式化功能就好了。问题是：一些数字放在 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 标签没有子节点，迭代 imgs 以将格式化的数字放回它们的最佳方法是什么？如果我使用 .innerHTML，则会删除 img 标签，只显示格式化的数字。

tnx 提前。

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/