CodePen Embed - JavaScript forEach() method

<p>Paragraph 1<p>
<p>Paragraph 2<p>
 
<ul>
  <li>List item A</li>
  <li>List item B</li>
  <li>List item C</li>
</ul>
  
<p>Paragraph 3<p>
<p>Paragraph 4<p>
<p>Paragraph 5<p>
  
<ol>
  <li>List item I</li>
  <li>List item II</li>
  <li>List item III</li>
</ol>

body {
  padding: 10px;
  font-size: 20px;
  background: black;
}

// v1 (anonymous function syntax)
let itemsV1 = document.querySelectorAll('p');
itemsV1.forEach(
    function(item) {
		item.style.color = 'white';
	}
);

// v2 (arrow function syntax)
let itemsV2 = document.querySelectorAll('li');
itemsV2.forEach(item => item.style.color = '#fbdf00');

This Pen is owned by Envato Tuts+ on CodePen. It is a fork of this Pen.

See more by @tutsplus on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.