title: Setting an attribute of a child <div> inside a cloned Node
body: <p>I have cloned a node, but i want to set or change an attribute of a div inside that cloned node, specifically, change the <code>id</code> of <code>div id="test0"</code></p>
  
  <p>I can't find any documentation out there on this, any straight JavaScript guys out there know a solution?</p>
  
  <pre><code>var c = document.getElementById("stone-opt0"),
  cloned = c.cloneNode(true);
  
  //CODE THAT DOESN'T WORK
  cloned.getElementById("test0").id = "new-id";
  </code></pre>
  
  <p>What I am doing is looping through a large list of items, and placing these items into a document fragment, which i then push to the page once... I am doing this rather than adding each element to the page, then modifying after attaching to the DOM (which would be faster, no?)</p>