Javascript 获取选定元素中的文本内容

下面是document.querySelector.innerHTML的输出，然后将其放入数组中。 我只想过滤里面的数字。删除所有内容，只需显示数字

代码：

---

不必使用innerHTML，您可以循环遍历子项并获取文本

函数extractNumber（）{
让children=document.getElementById（'container'）.queryselectoral（'h4，.ok'）；
让numbers=[…children].map（（node）=>node.textContent.trim（））；
控制台日志（编号）；
}

名单100
1.
2.
3.
4.
5.
6.
7.
8.
9
10



提取数字
输出在控制台中打印。

使用方法和

forEach

存储所有

span

类

ok

和

h4

-

textContent

//使用类ok获取所有元素
让子项=document.queryselectoral（'.ok，h4'）
//存储数据
let store=[]
//Foreach数据
children.forEach（data=>store.push（data.textContent.trim（））
//Console.log
console.log（存储）

名单100
1.
2.
3.
4.
5.
6.
7.
8.
9
10

您是否尝试了

textContent

？嘿@ramesthredy，textContent返回为空。我正在尝试获取标签中的数字，但我认为我需要遍历所有的child（I）。innerHTML首先执行一些筛选以获取数字。运行提取数字将显示所有数字。我明白了。但我知道我已经接受了另一个答案。反正是Thnx！您可以删除

let getData=

，因为

forEach

返回未定义。

const games = await page.evaluate(() => {
                
return [].concat.apply([], document.querySelectorAll('#content-wrapper'))
               
.map((e) => {
const numbers = [];
for(let i = 1; i <= 10; i++) {
const bets = e.querySelector('#content-wrapper > div > div:nth-child(5) > iv:nth-child('+i+')').innerHTML;
numbers.push({ bets })
}
return {numbers}
})

});

{
numbers: '<h4 style="">List 100 </h4>\n' +
'<span>1</span>\n' +
'\n'
'<span>2</span>\n' +
'\n'
'<span class="ok">3</span>\n' +
'\n'
'<span class="ok">4</span>\n' +
'\n'
'<span>5</span>\n' +
'\n'
'<span class="ok">6</span>\n' +
\n'
'<span>7</span>\n' +
'\n'
'<span class="ok">8</span>\n' +
'\n'
'<span class="ok">9</span>\n' +
'\n'
'<span class="ok">10</span>\n' +
'\n'
}

{
List 100,
3,
4,
6,
8,
9,
10
}