無法獲取 div 標簽的 innerHTML

Question

我正在嘗試從以下 html 中獲取單詞 thooty smotty

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

我嘗試在控制台中運行以下查詢 - doucument.queryselectorall('.server-name').innerHTML 但我沒有得到任何值 wat wud 是正確的語句。

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 ）。