title: Refresh <table> HTML without refresh entire page Javascript Only
body: <p>I would like to know how can i refresh my  without refresh the entire page in <strong>Javascript</strong></p>
  
  <p>Exemple of HTML </p>
  
  <pre><code>&lt;table class="list" cellpadding="1" cellspacing="1"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;td class="checkbox edit"&gt;&lt;/td&gt;
                  &lt;td class="Element sortable" onclick="My.Game.List.sort(223, 'eleemnt');"&gt;Element&lt;/td&gt;
                  &lt;td class="ew sortable" onclick="My.Game.List.sort(223, 'ew');"&gt;Pop.&lt;/td&gt;
                  &lt;td class="distance sortable" onclick="My.Game.RaidList.sort(223, 'distance');"&gt;Distance&lt;/td&gt;
                  &lt;td class="element sortable" onclick="My.Game.List.sort(223, 'element');"&gt;Option&lt;/td&gt;
                  &lt;td class="last sortable" onclick="My.Game.List.sort(223, 'last');"&gt;Last&lt;/td&gt;
                  &lt;td class="action"&gt;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
               &lt;tr class="slotRow" id="slot-row-3021"&gt;
          &lt;td class="checkbox"&gt;
              &lt;input id="slot3021" name="slot[3021]" type="checkbox" class="markSlot check" onclick="My.Game.List.markSlot(223, 3021, this.checked);"&gt;
          &lt;/td&gt;
          &lt;td class="element"&gt;
  
                  &lt;a href="position_details.php?x=59&amp;amp;y=14"&gt;Artic&lt;/a&gt;
          &lt;/td&gt;
          &lt;td class="ew"&gt;
              31          &lt;/td&gt;
          &lt;td class="distance"&gt;
              2.2         &lt;/td&gt;
          &lt;td class="Option"&gt;
              &lt;div class="icon"&gt;&lt;img class="unit u11" alt="My ALt" src="img/x.gif"&gt;&lt;span class="MyClass"&gt;2&lt;/span&gt;&lt;/div&gt;           &lt;/td&gt;
          &lt;td class="last"&gt;
                                      &lt;img src="img/x.gif" class="My Class"&gt; // Might Change
                                                  &lt;img src="img/x.gif" class="carry full" alt="My Alt // Might Change
                      &lt;a href="berichte.php?id=159141|bb7215c9"&gt;18.09.18, 15:26&lt;/a&gt; // Change
                      &lt;div class="clear"&gt;&lt;/div&gt;
                                  &lt;/td&gt;
          &lt;td class="action"&gt;
              &lt;a class="arrow" href="#" onclick="My.Game.List.editSlot(223, 3021, true, 'rallyPoint'); return false;"&gt;Éditer&lt;/a&gt;
          &lt;/td&gt;
      &lt;/tr&gt;               
          &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>Basicly i would like to refresh the content of all the row of my Table</p>
  
  <p>I tried this but it seems not working i don't understand why : </p>
  
  <p>JAVASCRIPT CODE : </p>
  
  <pre><code> setInterval(function() {
  
                  document.getElementsByTagName('table')[0].reload();
  
                  }, 500);
  </code></pre>
  
  <p>NB : The function is just a timer to refresh the table each 500 ms. </p>
  
  <p>What is excepted to change : </p>
  
  <pre><code>&lt;tr class="slotRow" id="slot-row-3021"&gt;
              &lt;td class="checkbox"&gt;
                  &lt;input id="slot3021" name="slot[3021]" type="checkbox" class="markSlot check" onclick="My.Game.List.markSlot(223, 3021, this.checked);"&gt;
              &lt;/td&gt;
              &lt;td class="element"&gt;
  
                      &lt;a href="position_details.php?x=59&amp;amp;y=14"&gt;Artic&lt;/a&gt;
              &lt;/td&gt;
              &lt;td class="ew"&gt;
                  31          &lt;/td&gt;
              &lt;td class="distance"&gt;
                  2.2         &lt;/td&gt;
              &lt;td class="Option"&gt;
                  &lt;div class="icon"&gt;&lt;img class="unit u11" alt="My ALt" src="img/x.gif"&gt;&lt;span class="MyClass"&gt;2&lt;/span&gt;&lt;/div&gt;           &lt;/td&gt;
              &lt;td class="last"&gt;
                                          &lt;img src="img/x.gif" class="My Class"&gt; // Might Change
                                                      &lt;img src="img/x.gif" class="carry full" alt="My Alt // Might Change
                          &lt;a href="berichte.php?id=159141|bb7215c9"&gt;18.09.18, 15:26&lt;/a&gt; // Change
                          &lt;div class="clear"&gt;&lt;/div&gt;
                                      &lt;/td&gt;
              &lt;td class="action"&gt;
                  &lt;a class="arrow" href="#" onclick="My.Game.List.editSlot(223, 3021, true, 'rallyPoint'); return false;"&gt;Éditer&lt;/a&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
  </code></pre>
  
  <p>Best regards !</p>