js4-4-1

by wang_siang

HTML

<h1 class="title">
        Make me green
    </h1>

    <p class="para">
        Make me red
    </p>
    <p class="para">
        Me red too
    </p>
    <p class="para">
        Also me
    </p>

JavaScript

document.querySelector('.title').style.color = 'green'
        document.querySelectorAll('.para').forEach((p) => {
            p.style.color = 'red';
        })
        // for (var p of document.querySelectorAll('.para')) { 
        //     p.style.color = 'red';
        // }