title: How to get the next node with js in html?
body: <p>I have a html like this</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;img src="logo.png" onclick="getNextTableNode(this)"&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;table&gt;&lt;/table&gt;
  </code></pre>
  
  <p>I can get the fist tableNode with js code </p>
  
  <pre><code>  function getNextTableNode(imgNode)
   { 
      tableNode1 = imgNode.parentNode.parentNode.parentNode;
   }
  </code></pre>
  
  <p>but how can I get the next tableNode? I do not want to use id or name. I have tried:</p>
  
  <pre><code>tableNode2 = tableNode1.nextSibling;
  </code></pre>
  
  <p>but it didn't work. Can anyone help?Thanks in advance</p>