Выбор элементов без jQuery
Я предполагаю, что это будет отклонено, так как оно не содержит достаточно jQuery, но вот оно:)
Каков наиболее эффективный способ получить элемент (ы), возвращенный селектором jQuery ниже, используя обычный старый javascript?
$('a[title="some title text here"]', top.document)
Ответы
Ответ 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);
});