//访问这个网站 并打开控制台https://en.wikipedia.org/wiki/Category:Boulevards_in_Paris 审查元素后我们发现
他的selector对应
'#mw-pages > div'
所以第一行代码有了
const category = document.querySelector('#mw-pages > div');
根据分析得来
我们要拿a标签的数据
第二行代码有了
const allALink = category.querySelectorAll('a');
我们可以对原数组进行一个copy 然后再对新的数组进行操作
(这一步就显得你会的很多 但是其实不这么做也没有事情)
第三行代码
const links = Array.from(allALink);
我们想抓取关于带de的数据
第五行代码来了
const de = links.map(link => link.textContent).filter(streetName => streetName.includes('de'));
刘师傅?你要不要看下你抓了什么数据
console.table(de)
总结下来代码
console.log("提取别人网站的数据")
const category = document.querySelector('#mw-pages > div');
const allALink = category.querySelectorAll('a');
// console.log(allALink)
const links = Array.from(allALink);// console.log(links)
const de = links.map(link => link.textContent).filter(streetName => streetName.includes('de'));
console.table(de)
效果
欸嘿嘿 非常的完整