I want to turn the elements with class "a" into a div with javascript, without losing the order in which they are found with their siblings. Here is the code, I have not made much progress, I appreciate your help in advance.

const elementParent= document.querySelectorAll(".a");
console.log(elementParent)

const parent= elementParent[0].parentNode;
console.log(parent)

parent.innerHTML= elementParent[0]

<div style="display:flex">
  <div class="cx">0</div>
  <div class="cx">0</div>
  <div class="a">A</div>
  <div class="a">A</div>
  <div class="b">b</div>
</div>

   <div style="display:flex">
      <div class="cx">0</div>
      <div class="cx">0</div>
      <div>
        <div class="a">A</div>
        <div class="a">A</div>
      </div>
      <div class="b">b</div>
    </div>