title: append some element to html page via javascript in android webview
body: <p>i want to create an infinite scroll in android webview, so when user scroll down he can see more of my local html, so i did the following: </p>
  
  <p>when user reach the end i get body content of another page and store it as String in a ArrayList (each tag in one position) and attach them one by one the to current page via javascript.  </p>
  
  <p>all things works fine BUT, some body element wont attach and i get <code>Uncaught Error: INVALID_STATE_ERR: DOM Exception 11 at null:1</code>.</p>
  
  <p>here is the code:</p>
  
  <pre><code>for(String body : bodyChunks) //bodyChunks is ArraList of body elements like &lt;p&gt; tags.
  {  
       if(!loadIntrupt)
       {
           String js = "javascript:(function() { document.body.innerHTML += '" + body + "';}())"; // load on bottom
           loadUrl(js);
       }
  
  }
  </code></pre>
  
  <p>so one paragraph is attached and another wont!</p>
  
  <p><strong>can anybody say what is the problem?</strong></p>
  
  <p>here is my other post in this case: <a href="https://stackoverflow.com/questions/22113973/infinite-scroll-in-android-webview">infinite scroll in android webview</a></p>