Javascript 搜索标签并获取它的 innerHTML

Question

这可能真的很简单，但我只是在学习。

有一个页面上有 3 个 blockquote 标签，我需要获取包含特定字符串的页面的 innerHTML。我不知道如何搜索/匹配字符串并获取包含匹配结果的标签的 innerHTML。

如有任何帮助，我们将不胜感激!

Answer 1

var searchString = 'The stuff in innerHTML';
var elements = document.getElementsByTagName('blockquote')
for (var i = 0; i < elements.length; i++) {
     if (elements[i].innerHTML.indexOf(searchString) !== -1) {
         alert('Match');
         break;
     }
}

:)

顺便说一句，如果你使用 Prorotype JS 会有更好的方法(这比 jQuery 顺便说一句要好得多):

var el = $$('blockquote').find(function(el) {
    return el.innerHTML.indexOf('The string you are looking for.') !== -1;
});

您当然也可以使用正则表达式来查找字符串，这可能更有用(为此使用 el.match())。