EN
JavaScript - document querySelector and querySelectorAll most common usage in chrome console
2 points
Example:
xxxxxxxxxx
1
console.log([document.querySelectorAll('#video-title')]
2
.map(entry => `${entry.text}\n${entry.href}`).join('\n\n'));
3
4
[document.querySelectorAll('#video-title')].map(entry => entry.text);
5
[document.querySelectorAll('#video-title')].map(entry => entry.href);
6
[document.querySelectorAll('#video-title')].map(entry => ({name: entry.text, link: entry.href}));
7
[document.querySelectorAll('#video-title')].map(entry => entry.href).join(' ');
8
[document.querySelectorAll('#video-title')].map(entry => `${entry.text} ${entry.href}`).join('\n');
9
console.log([document.querySelectorAll('#video-title')].map(entry => `${entry.text} ${entry.href}`).join('\n'));
source: Youtube - print all video title and links in console using JavaScript - Dirask
Example:
xxxxxxxxxx
1
[document.querySelectorAll('.my-class a')].map(entry => entry.href);
2
3
// result:
4
// 0: "https://example1.com/"
5
// 1: "https://example2.com/"
6
// 2: "https://example3.com/"
Example:
xxxxxxxxxx
1
document.querySelectorAll('.my-class a')[0].href
2
'https://example1.com/'
3
document.querySelectorAll('.my-class a')[1].href
4
'https://example2.com/'
5
document.querySelectorAll('.my-class a')[2].href
6
'https://example3.com/'