title: How to access a ordered list's anchor tag and change the "href" in JavaScript
body: <p>How do I change the HREF for an anchor tag that is inside an ordered list? More specifically, how do I change the HREF of the anchor tag in my specific case where the list is appended to the body?</p>
  
  <p>Here is what I have tried so far:</p>
  
  <pre><code>var image = document.createElement("img");
  image.src = "http://archiveteam.org/images/1/15/Apple-logo.jpg"
  image.className = "image";
  var aboutMe = document.createElement("p");
  aboutMe.innerHTML = "Hello";
  aboutMe.className = "Border";
  var movies = ["Inception", "Remember the Titans", "Happy Gilmore", "Interstellar", "The Martian"]
  var listOfMovies = document.createElement("ol");
  for (var i = 0; i &lt; 5; i++) {
    var anchor = document.createElement("a");
    anchor.href = "#";
    anchor.innerHTML = movies[i];
    var bullets = document.createElement("li");
    bullets.appendChild(anchor);
    listOfMovies.appendChild(bullets);
  }
  
  listOfMovies.getElementsByTagName("li")[0].href = 'http://www.imdb.com/title/tt1375666/';
  listOfMovies.getElementsByTagName("li")[1].href = 'http://www.imdb.com/title/tt0210945/';
  listOfMovies.getElementsByTagName("li")[2].href = 'http://www.imdb.com/title/tt0116483/';
  listOfMovies.getElementsByTagName("li")[3].href = 'http://www.imdb.com/title/tt0816692/';
  listOfMovies.getElementsByTagName("li")[4].href = 'http://www.imdb.com/title/tt3659388/';
  
  document.body.appendChild(image);
  document.body.appendChild(aboutMe);
  document.body.appendChild(listOfMovies)
  
  listOfMovies.className = "Border"
  </code></pre>