title: Get Google Chrome's root bookmarks folder
body: <p>I'm trying to write a better bookmark manager in Chrome extensions. The problem is that there are no simple examples (that I can find) about how to actually use the <a href="https://developer.chrome.com/extensions/bookmarks" rel="noreferrer"><code>bookmarks</code> API</a>.</p>
  
  <p>I've looked at the example source (when I d/led and installed it on my computer it didn't do anything except provide a search box. Typing/typing and pressing return failed to do anything) and can't find anything useful.</p>
  
  <p>My ultimate goal is to make an extension that allows me to save pages to come and read later <strong>without</strong> having to go sign up for an account on some service somewhere. So I plan to create either one or two bookmark folders in the root folder/other bookmarks - at minimum an "unread pages" folder. In that folder I'll create the unread bookmarks. When the user marks the item as read, it will be removed from that folder.</p>
  
  <p>So that's what I'm trying to do... any help will be greatly appreciated, even if it's just pointing me to some good examples.</p>
  
  <p>UPDATE:</p>
  
  <pre class="lang-html prettyprint-override"><code>...&lt;script&gt;
  function display(tree){
     document.getElementById("Output").innerHTML = tree;
  }
  function start(){
     chrome.bookmarks.getTree(display);
  }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;h4 id="Output"&gt;&lt;/h4&gt;
  &lt;script&gt;
   start();
  &lt;/script&gt;
  ...
  </code></pre>
  
  <p>That displays <code>[object Object]</code>, that suggests (at least to me with a limited JavaScript experience) that an object exists. But how to access the members of that object?</p>
  
  <p>Changing <code>tree</code> to <code>tree.id</code> or any other of what look to be parameters displays <code>undefined</code>.</p>