Question

It’s probably something really simple, but I’m just learning.

There’s a page with 3 blockquote tags on it, and I’d need to get the innerHTML of the one containing a certain string. I don’t know how to search/match a string and get the innerHTML of the tag containing the matched result.

Any help would be appreciated!

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;
     }
}

🙂

Btw there would be a much nicer method if you’d be using Prorotype JS (which is much better than jQuery btw):

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

You could of course also use regular expressions to find the string, which might be more useful (use el.match() for that).