Selecting elements without jQuery

Question

I guess this will be voted down, as it doesn't contain enough jQuery, but here it goes :)

What is the most effective way to get the element(s) returned by the jQuery selector below using plain old javascript?

$('a[title="some title text here"]', top.document)

Answer 1

If you're using a modern browser, you could use this:

window.top.document.querySelectorAll('a[title="some title text here"]')

Answer 2

Not sure if it’s the most effective, but at least it works.

var links = top.document.getElementsByTagName('a');
var result = [];
var linkcount = links.length;
for ( var i = 0; i < linkcount; i++) {
    if (links[i].getAttribute('title') === 'some title text here') {
        result.push(links[i]);
    }
}

Answer 3

Here is an example

var getElements = function(tagName, attribute, value, callback) {
  var tags = window.document.getElementsByTagName(tagName);
  for (var i=0; i < tags.length; i++) {
    var tag = tags[i];
    if (tag.getAttribute(attribute) == value) {
      callback(tag);
    }
  };
};

getElements("a", "title", "PHP power player at Hettema & Bergsten. Click to learn more.", function(tag) {
  console.log(tag);
});