如何从html节点<a>获取属性值？

Question

我试图刮下面的网站，我没有得到属性‘数据-链接’的价值。

http://www.apptrace.com/itunes/charts/FRA/topfreeapplications/36/2018-12-27

有人能帮我吗？

//尝试#1 (错误)

const puppeteer = require('puppeteer')

let scrape = async () => {
    const browser = await puppeteer.launch({headless: true})
    const page = await browser.newPage()
    await page.goto('http://www.apptrace.com/itunes/charts/USA/topfreeapplications/36')
    await page.waitFor(1000)

    const countryCharts = await page.evaluate(() => {

    const abbrAppsCountry = []
    document.getElementById('#current_storefront_list')
        .getAttribute('li > a[data-link]')
        .forEach(app => abbrAppsCountry.push(app.value))

        return abbrAppsCountry

    })

browser.close()
return countryCharts
}

scrape().then((value) => {
    console.log(value)
})

//尝试#2 (空数组)

const puppeteer = require('puppeteer')

let scrape = async () => {
    const browser = await puppeteer.launch({headless: true})
    const page = await browser.newPage()
    await page.goto('http://www.apptrace.com/itunes/charts/USA/topfreeapplications/36')
    await page.waitFor(1000)

    const countryCharts = await page.evaluate(() => {

    const abbrAppsCountry = []
    document.querySelectorAll('#current_storefront_list > li > a[data-link]')
        .forEach(app => abbrAppsCountry.push(app.value))

        return abbrAppsCountry

    })

browser.close()
return countryCharts
}

scrape().then((value) => {
console.log(value)
})

我想得到国名的缩写。

Answer 1

您可以使用dataset或getAttribute API：

document.querySelectorAll('#current_storefront_list > li > a')
        .forEach(app => abbrAppsCountry.push(app.dataset.link))

或者：

document.querySelectorAll('#current_storefront_list > li > a')
        .forEach(app => abbrAppsCountry.push(app.getAttribute('data-link')))