title: Getting elements from Shadow DOM
body: <p>In a project I'm working on, I have an HTML document that is generated via an application and is later passed to a function that converts the HTML to a PDF.</p>
  
  <p>Within the HTML I have textareas to display information that is editable.  When a user edits the information that is currently in the textarea, I want to save that information so that when it is passed to the PDF generator, it is the most current version of the DOM.</p>
  
  <p>After some testing I discovered that the edited version of the textarea's content is in the Shadow DOM.</p>
  
  <p>Is there a way to get that content and place it into the actual DOM?</p>
  
  <p>I'm not doing anything that is explicitly placing the content in there, but using Firebug and WebInspector I can see it as Shadow Content.</p>