Question

我尝试在当天查询所有div并返回ID名称。唯一的问题是每次我尝试。它将返回以下内容之一| 它还返回P |它显示了完整的HTML代码。 |返回错误

代码示例：

  <div id=Monday>
   <div id="MA_meeting1_8:30_10:00">
     <p>text<p>
     <p>SomeText<p>
   </div>
   <div id="MA_meeting2_10:30_11:00">
     <p>text<p>
     <p>SomeText<p>
   </div> 
  </div>

。

document.querySelector(X).id

它只会返回

MA_meeting1_8:30_10:00

我尝试将其返回为：

MA_meeting1_8:30_10:00
MA_meeting2_10:30_11:00

Answer 1

您可以将ID div定位到父Monday，然后使用querySelectorAll。这是一个集合，因此请使用扩展语法...来使用数组方法map并返回ids的数组

let k = [...document.getElementById('Monday').querySelectorAll('div')].map(item => item.id);
console.log(k)

<div id='Monday'>
  <div id="MA_meeting1_8:30_10:00">
    <p>text</p>
    <p>SomeText
    </p>
  </div>
  <div id="MA_meeting2_10:30_11:00">
    <p>text
    </p>
    <p>SomeText
    </p>
  </div>
</div>

querySelectorAll仅返回ID名称

1 个答案: