title: Get contents of another site's element using only JavaScript
body: <p>I'm making a userscript that requires finding a word related to another word. I found <a href="http://semantic-link.com/" rel="nofollow">a site</a> where I can go to <a href="http://semantic-link.com/#/stack" rel="nofollow">http://semantic-link.com/#/stack</a>, and there will be a list of words related to <code>stack</code> in the format of:</p>
  
  <pre><code>&lt;!-- various stuffs here, e.g. &lt;head&gt;, a &lt;div&gt;, another &lt;div&gt;, start of &lt;body&gt; --&gt;
  
      &lt;div id="word0" class="word" onclick="updateTitle("stacks");" style="opacity: 1;"&gt;
          stacks
      &lt;/div&gt;
      &lt;div id="word1" class="word" onclick="updateTitle("flue");" style="opacity: 1;"&gt;
          flue
      &lt;/div&gt;
      &lt;div id="word2" class="word" onclick="updateTitle("popped");" style="opacity: 1;"&gt;
          popped
      &lt;/div&gt;
      &lt;div id="word3" class="word" onclick="updateTitle("overflow");" style="opacity: 1;"&gt;
          overflow
      &lt;/div&gt;
  </code></pre>
  
  <p>In this case, I would want to just get the string <code>stacks</code> from that page. All of the solutions I have found don't work because they:</p>
  
  <ul>
  <li>need a custom page,</li>
  <li>use PHP, or</li>
  <li>use <a href="http://api.jquery.com/jQuery.ajax/" rel="nofollow"><code>$.ajax()</code></a>, <a href="https://api.jquery.com/jQuery.get/" rel="nofollow"><code>$.get()</code></a>, or <a href="http://api.jquery.com/load/" rel="nofollow"><code>$('something').load()</code></a> which are limited to the domain they are executed in.</li>
  </ul>
  
  <p>Is there any way I can get the contents of the <code>#word0</code> element as a string, using only JavaScript? Alternatively, is there another way to find a word related to another word?</p>