EN
JavaScript - document querySelector and querySelectorAll most common usage in chrome console
2 points
Example:
xxxxxxxxxx1
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:
xxxxxxxxxx1
[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:
xxxxxxxxxx1
document.querySelectorAll('.my-class a')[0].href2
'https://example1.com/'3
document.querySelectorAll('.my-class a')[1].href4
'https://example2.com/'5
document.querySelectorAll('.my-class a')[2].href6
'https://example3.com/'
