无法获取div标记的innerHTML

Question

我正在尝试从下面的html中获取单词thooty。

<div class="server-name">
                            thottysmotty                        </div>

我试着在console - doucument.queryselectorall('.server-name').innerHTML中运行以下查询，但是我没有得到任何正确的值。

Answer 1

Document.querySelectorAll()返回一个元素列表，因此您必须遍历该列表

​

const elementList = document.querySelectorAll('.server-name');
for (const element of elementList) {
  console.log(element.innerHTML)
}

<div class="server-name">thottysmotty</div>

​

参考文献

Document.querySelectorAll() (语法>返回值)

Answer 2

在puppeter中，您可以使用page.$eval检索innerHTML：

const innerHtml = await page.$eval('.server-name', el => el.innerHTML)

如果有更多具有相同类名的元素，请使用page.$$eval并迭代返回的元素数组：

const innerHtmlArray = await page.$$eval('.server-name', elements => elements.map(el => el.innerHTML))

在Chrome控制台上，你可以使用：$('.server-name').innerHTML或$$('.server-name')[i].innerHTML (如果是第一个匹配的元素i = 0)来测试它。