javascript - 您将如何使用 querySelector 获取此元素？

Question

如果它没有 class 属性，您将如何使用 querySelector() 方法获取概述的 input:

document.querySelector('.red').style.outline = '1px solid red';

<div>
  <p>
    <span></span>
    <span></span>
    <input>
  </p>
  <p>
    <span></span>
    <span></span>
    <input>
  </p>
  <span></span>
  <input class="red">
  <span></span>
</div>

Answer 1

这是唯一的 input直接在<div>里面, 所以你可以只使用 div > input :

document.querySelector('div > input').style.outline = '1px solid red';

<div>
  <p>
    <span></span>
    <span></span>
    <input>
  </p>
  <p>
    <span></span>
    <span></span>
    <input>
  </p>
  <span></span>
  <input>
  <span></span>
</div>