<div class="content">
<p>First,Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur architecto doloremque vero cumque facilis alias.</p>
<p>Second, Lorem ipsum, dolor sit amet consectetur adipisicing elit. Explicabo quas numquam veniam temporibus quasi beatae ratione delectus, eveniet quibusdam sapiente?</p>
<p>Third, Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quia, ut.</p>
<p>Fourth Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint quo voluptas possimus?</p>
<p>Fifth, Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti tempora obcaecati quod vel provident doloribus magni ducimus, commodi quas? Corporis.</p>
<p>Sixth Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis sunt sit officiis ipsa.</p>
<p>SeventhLorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet mollitia obcaecati cum aspernatur?</p>
<p>Eight Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis sunt sit officiis ipsa.</p>
<p>Nine Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet mollitia obcaecati cum aspernatur?</p>
</div>const para = document.querySelectorAll('p');
console.log(para);
console.log(para.length);
const middle = Math.floor((para.length) / 2);
console.log(middle);
console.log(para[middle]);
para[middle].style.color = 'red';
External CSS
This Pen doesn't use any external CSS resources.