Как я могу получить значение атрибута всех ссылок на странице?

Question

Я пытаюсь получить список значений свойства 'data-ctorig' для всех ссылок, помеченных классом 'gs-title' на этой странице.

я могу получить значение первой ссылки document.querySelector('a.gs-title').getAttribute('data-ctorig') но могут быть и другие. также, я могу получить список нодлистов (idk что это) используя document.querySelectorAll('a.gs-title') но я не знаю, как я могу получить список значений атрибутов, основанных на этом списке узлов.

также я попытался использовать: nth-of-type (), но я получил только ноль после первого значения

var x = document.querySelector("a.gs-title:nth-of-type(1)").getAttribute("data-ctorig")

Я также использую python с селеновым веб-драйвером, чтобы сделать это, поэтому, если кто-то знает, как это сделать на python, мне тоже поможет.

Answer 1

Сначала используйте querySelectorAll, чтобы получить все узлы .gs-title.

var gstitles = document.querySelectorAll('a.gs-title')

Вы можете использовать gstitles.length сейчас, чтобы определить, сколько их.

gstitles.length;

Далее нам нужно настроить цикл for. Проверьте фрагмент кода ниже.

for (i=0;i<gstitles.length;i++) 
{
console.log(gstitles[i].getAttribute('data-ctorig'));
}

var gstitles = document.querySelectorAll('a.gs-title')

for (i=0;i<gstitles.length;i++) 
{
console.log(gstitles[i].getAttribute('data-ctorig'));
}

<div class="gs-title"><a class="gs-title" href="https://www.teses.usp.br/teses/disponiveis/27/27151/tde-19032008-183924/publico/AmandaTojal.pdf" target="_blank" dir="ltr" data-cturl="https://www.google.com/url?q=https://www.teses.usp.br/teses/disponiveis/27/27151/tde-19032008-183924/publico/AmandaTojal.pdf&amp;sa=U&amp;ved=0ahUKEwiWo7TB3-bhAhUF16wKHaWeCXoQFggEMAA&amp;client=internal-uds-cse&amp;cx=011662445380875560067:cack5lsxley&amp;usg=AOvVaw2g3t_0fFH8wjhfjcku0DL3" data-ctorig="https://www.teses.usp.br/teses/disponiveis/27/27151/tde-19032008-183924/publico/AmandaTojal.pdf"><b>AMANDA</b> PINTO DA FONSECA TOJAL</a></div><div class="gs-title gsc-table-cell-thumbnail gsc-thumbnail-left"><a class="gs-title" href="https://www.teses.usp.br/teses/disponiveis/27/27151/tde-19032008-183924/publico/AmandaTojal.pdf" target="_blank" dir="ltr" data-cturl="https://www.google.com/url?q=https://www.teses.usp.br/teses/disponiveis/27/27151/tde-19032008-183924/publico/AmandaTojal.pdf&amp;sa=U&amp;ved=0ahUKEwiWo7TB3-bhAhUF16wKHaWeCXoQFggEMAA&amp;client=internal-uds-cse&amp;cx=011662445380875560067:cack5lsxley&amp;usg=AOvVaw2g3t_0fFH8wjhfjcku0DL3" data-ctorig="https://www.teses.usp.br/teses/disponiveis/27/27151/tde-19032008-183924/publico/AmandaTojal.pdf"><b>AMANDA</b> PINTO DA FONSECA TOJAL</a></div><div class="gs-title"><a class="gs-title" href="https://www.google.com/url?q=http://www.teses.usp.br/teses/disponiveis/17/17153/tde-06012017-103806/publico/AmandaMizukamiDOCorrig.pdf&amp;sa=U&amp;ved=0ahUKEwiWo7TB3-bhAhUF16wKHaWeCXoQFggGMAE&amp;client=internal-uds-cse&amp;cx=011662445380875560067:cack5lsxley&amp;usg=AOvVaw0Jdjapa8W60DfKRyUIAdoH" target="_blank" dir="ltr" data-cturl="https://www.google.com/url?q=http://www.teses.usp.br/teses/disponiveis/17/17153/tde-06012017-103806/publico/AmandaMizukamiDOCorrig.pdf&amp;sa=U&amp;ved=0ahUKEwiWo7TB3-bhAhUF16wKHaWeCXoQFggGMAE&amp;client=internal-uds-cse&amp;cx=011662445380875560067:cack5lsxley&amp;usg=AOvVaw0Jdjapa8W60DfKRyUIAdoH" data-ctorig="http://www.teses.usp.br/teses/disponiveis/17/17153/tde-06012017-103806/publico/AmandaMizukamiDOCorrig.pdf"><b>AMANDA</b> MIZUKAMI</a></div>

Answer 2

Ты это имел ввиду? :)

var links = document.querySelectorAll('a.gs-title');
var list = [];
links.forEach((link) => {
list.push(link.getAttribute('data-ctorig'));
});
console.log(list);

<a class="gs-title" data-ctorig="Test1"><b>AMANDA</b> MIZUKAMI</a>
<a class="gs-title" data-ctorig="Test2"><b>AMANDA</b> MIZUKAMI</a>
<a class="gs-title" data-ctorig="Test3"><b>AMANDA</b> MIZUKAMI</a>