working with createDocumentFragment() without ids

Asked Oct 15 '20 at 03:16

Active Oct 15 '20 at 03:20

Viewed 12 times

I'm trying to build the following using createDocumentFragment() and append it to document.body. My usual approach would be to reference an element by it's id. Since there are no 'ids here, how do I build something like this?

<div class="Mh0NNb VcC8Fc" style="visibility:visible;">
    <div class="M6tHv">
        <div class="aGJE1b">Success</div>
        <div class="dnmu6e"></div>
        <div class="x95qze">Close</div>
        <div class="dnmu6e"></div>
    </div>
</div>

frag = document.createDocumentFragment();

n = document.createElement('div')
n.setAttribute('class','Mh0NNb VcC8Fc')
frag.appendChild(n)

n = document.createElement('div')
n.setAttribute('class','M6tHv')
a = frag.getElementsByClassName('Mh0NNb') // This seems to not work
frag.appendChild(a)

asked Oct 15 '20 at 03:16

Norman

6,159
23
88
141

Reference the first item in the class collection? – CertainPerformance Oct 15 '20 at 03:17
@CertainPerformance But it seems `getElementsByClassName` wont work on fragment... – Norman Oct 15 '20 at 03:19
Oh, you're right, forgot that quirk. You'll have to use `querySelector` instead, eg `querySelector('.Mh0NNb')` – CertainPerformance Oct 15 '20 at 03:21

working with createDocumentFragment() without ids

0 Answers0