<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.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js