[Edit]

JavaScript - find all paragraphs on web page

1 contributors

2 contributions

0 discussions

0 points

Created by:

ArcadeParade

666

In this article, we would like to show you how to find all paragraphs on web page using JavaScript.

Quick solution:

xxxxxxxxxx
 
document.querySelectorAll('p');

Practical example

Edit

In this example, we use querySelectorAll() method to get the collection of all paragraphs (p elements) on the web page.

xxxxxxxxxx
 
<!doctype html>
<html>
<body>
  <p>Paragraph 1</p>
  <script>
​
    function findParagraphs() {
        return document.querySelectorAll('p'); // finds all paragraphs
    }
    
    
    // Usage example:
    
    window.addEventListener('load', function() {
        console.log([...findParagraphs()]);
    });
​
  </script>
  <p>Paragraph 2</p>
</body>
</html>

Auto running

Note:

The findParagraphs() function needs to be executed after window load event or at the end of the script to make sure that all items are loaded before the function execution.