javascript - 选择元素中的文本是什么

Question

我正在尝试使用以下 JavaScript 代码在 SELECT 中找到所有 OPTION。

var temp = document.querySelectorAll("select");
console.log(temp[0].childNodes);

html标记就是这个

 <select>
    <option>1</option>
    <option>2</option>
 </select>

但它在 Google Chrome 浏览器中给了我以下输出

那么输出中出现在每个选项之前的文本是什么。

Answer 1

你必须使用 select 元素的 options 属性，

var temp = document.querySelectorAll("select");
console.log(temp[0].options);

childNodes 也会为您提供空文本节点(空格/回车)。所以推荐使用options。否则，您可以在获取的 select 元素上使用 querySelectorAll。

var temp = document.querySelectorAll("select");
console.log(temp[0].querySelectorAll("option"));