Подтвердить что ты не робот

Выбор элементов без jQuery

Я предполагаю, что это будет отклонено, так как оно не содержит достаточно jQuery, но вот оно:)

Каков наиболее эффективный способ получить элемент (ы), возвращенный селектором jQuery ниже, используя обычный старый javascript?

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

Ответ 1

Не уверен, что он наиболее эффективен, но, по крайней мере, он работает.

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

Ответ 2

Если вы используете современный браузер, вы можете использовать это:

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

Ответ 3

Вот пример

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