如何使用 javascript 检查选择器类中的选项数量？答案

【问题标题】：How do you check the amount of options in a selector class using javascript?如何使用 javascript 检查选择器类中的选项数量？
【发布时间】：2020-09-19 19:00:09
【问题描述】：

我需要编写一个函数来使用 javascript 检查选择器标记中的选项数量。唯一的问题是我不能使用 jQuery（我的脚本基于 puppeteer 和网络抓取）。如果您有任何建议，请在下方留下。示例：

在这个例子中我需要函数返回 2。

谢谢。

【问题讨论】：

document.querySelectorAll('select#size > option').length 但最好使用表单id元素

标签： javascript web-scraping puppeteer

【解决方案1】：

为此，您可以使用以下代码 sn-p：

var x = document.getElementById("size").length;

x 将在这里保存选项的数量。

来源：https://www.w3schools.com/JSREF/prop_select_length.asp

【讨论】：

这是因为您在 node.js 中使用 puppeteer，给出的代码在脚本化 javascript 中是等效的要查看您将如何使用类似的功能（与您需要的功能不完全相同）木偶师看到这个：stackoverflow.com/questions/52256799/…

【解决方案2】：

您可以使用children 属性从select 中提取选项

document.getElementById('size').children 您将获得 HTMLCollection，其中包含 select 中存在的所有选项

获取计数 document.getElementById('size').children.length

你不能遍历 HTMLCollection 来执行一个动作
您需要将 HTMLCollection 转换为数组才能执行操作
Array.from(document.getElementById('cars').children)

【讨论】：

@ZachC 你修复了文档错误吗？来自 Mamun 提供的链接
是的，我会在我完成学业后调查一下
@ZachC 好的，如果您还有任何问题，请告诉我