How to get and use all the <p> tag element in HTML page in JavaScript

2 Answers

<!DOCTYPE html>
<html>
  
<head></head>
  
<body>

<p id="p1-id">p1-id tag</p>
<p id="p2-id">p2-id tag</p>
<p id="p3-id">p3-id tag</p>

<script>
 
var  all_p = document.getElementsByTagName("p");
var i;
for (i = 0; i < all_p.length; i++) 
    document.write(all_p[i].innerHTML + " ::: ");
 

/*
run:
  
p1-id tag ::: p2-id tag ::: p3-id tag ::: 
  
*/

</script>

</body>
  
</html>

70+ SQL courses for beginners and professionals

answered Jul 12, 2015 by avibootz

<!DOCTYPE html>
<html>
  
<head></head>
  
<body>

<p id="p1-id">p1-id tag</p>
<p id="p2-id">p2-id tag</p>
<p id="p3-id">p3-id tag</p>

<script>
 
var  all_p = document.getElementsByTagName("p");
var i;
for (i = 0; i < all_p.length; i++) 
    all_p[i].style.backgroundColor = "peachpuff";
 

/*
run:
  
the backgroundColor of all <p> tags will change to "peachpuff"
  
*/

</script>

</body>
  
</html>

70+ SQL courses for beginners and professionals

answered Jul 12, 2015 by avibootz

Most popular tags

How to get and use all the <p> tag element in HTML page in JavaScript

2 Answers

Related questions