I am trying to iterate through the DOM of my document using javascript, but I am unsure about how to start.
I assume my js file should be something like this, but I'm just not sure how to get it working... can someone point me in the right direction?
Code:
var all = document.getElementsByTagName("*");
for (var i=0, max=all.length; i < max; i++) {
// Do something with the element here
}
Below is my HTML code.. very basic coding as you can tell.
Code:
<html>
<head>
<link rel="stylesheet" type="text/css" href="lab2.css" />
</head>
<body>
<h1> First Song </h1>
<ul>
<p class="small"> Make You Wonna </p>
Jakebeatz & Jay-Rock
<p class="italic"> Power to the B-Boyz </p>
<img src="make you wonna.jpg" />
<p class="scale"> 9/29/91 </p>
<p class="scale"><li> Electronic </li></p>
<a href="www.jay-roc.com" > Jay Roc </a>
</ul>
<h2> Second Song </h2>
<ul>
<p class="small"><Good Life </p>
Onerepublic
<p class="italic"> Waking Up </p>
<img src="good life.jpg" />
<p class="scale"> 9/29/91 </p>
<p class="scale"><li> Pop </li></p>
<a href = "www.onerepublic.net" > one </a>
</ul>
<h3> Third Song </h3>
<ul>
<p class="small"> Fall For You </p>
Secondhand Serenade
<p class="italic"> A Twist in My Story </p>
<img src="fall for you.jpg" />
<p class="scale"> 9/29/91 </p>
<p class="scale"><li> Alternative </li></p>
<a href = "www.secondhandserenade.net" > secondhand </a>
</ul>
<h4> Fourth Song </h4>
<ul>
<p class="small"> Moves Like Jagger </p>
Maroon 5
<p class="italic"> Hands All Over </p>
<img src="m.jpg </li>
<p class="scale"> 9/29/91 </p>
<p class="scale"><li> Pop </li></p>
<a href = "www.maroon5.com" > maroon </a>
<ul>
<script src="lab3.js">
</script>
</body>
</html>
Before you post, read our: 
