topical media & game development

talk show tell print

#javascript-code-02-dom.js / js



  // We're loading the new posts into the <div> that has an ID of "content"
  var content = document.getElementById("content");
  
  // We're going to iterate through each of the posts in the RSS feed
  var items = rss.getElementsByTagName("item");
  for ( var i = 0; i < items.length; i++ ) {
  
      // Lets extract the Link, Title, and Description data from each feed post
      var data = getData( items[i] );
  
      // Creating a new wrapper <div> to hold the post
      var div = document.createElement("div");
      div.className = "post";
  
      // Create the post header
      var h2 = document.createElement("h2");
  
      // This holds the title of the feed and has a link that points back to the post.
      h2.innerHTML = "<a href='" + data.link + "'>" + data.title + "</a>";
  
      // Add it in to the post wrapper <div>
      div.appendChild( h2 );
  
      // Now lets create a <div> to hold the long post contents
      var entry = document.createElement("div");
      entry.className = "entry";
  
      // Add the contents to the inside of the <div>
      entry.innerHTML = data.desc;
      div.appendChild( entry );
  
      // Finally, lets add a footer that links back
      var meta = document.createElement("p");
      meta.className = "postmetadata";
      meta.innerHTML = "<a href='" + data.link + "#comments'>Comment</a>";
      div.appendChild( meta );
  
      // Place the new entry into the document
      content.appendChild( div );
  
  }
  
  


(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.