javascript - 获取两个图像之间的文本

Question

是否有更简单的方法来捕获没有相同父元素的两个图像之间的文本？ 我正在为网页制作用户脚本。 喜欢:

<div id="content"></div>
     <div style="text-align:center"><img src="" alt=""></div>
     <a>some text</a>
     <img src="" alt="">
     <div style="text-align:left">more text</div>
</div>

如何获取div内容的第一张图片和第二张图片之间的文本。我不知道确切的正确结构，因为文本和图像可能位于 div 或节点内部。我宁愿不使用库

Answer 1

用纯 JavaScript 改进 Mathew 的答案:

var html = document.getElementById('content').cloneNode(true);
var imgs = html.getElementsByTagName('img');
for (i = 0; i < imgs.length; i++) {
    var textSep = document.createTextNode('@img@');
    imgs[i].parentNode.insertBefore(textSep, imgs[i]);
}
var texts = html.textContent;
texts = texts.split('@img@');