querySelectorAll, который только возвращает имена идентификаторов

Question

Я пытаюсь сделать запрос, чтобы выбрать все div в этот день и вернуть имена идентификаторов.Единственная проблема в том, что каждый раз, когда я пытаюсь это сделать.Он вернет одну из следующих вещей |это также возвращает P |он показывает полный HTML-код.|Он возвращает ошибку

Код exempel:

  <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

Вы можете выбрать родителя 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>