title: Deleting contents of last cell of html table row
body: <p>I have an html table that includes rows:</p>
  
  <pre><code>&lt;tr id="firstInRow"&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="longP1" id="longP1" type="text" style="width: 70px"&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="latP1" id="latP1" type="text" style="width: 70px"&gt;&lt;/td&gt;&lt;td&gt;(upper left)&lt;/td&gt;&lt;/tr&gt;
  &lt;tr id="secInRow"&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="longP2" id="longP2" type="text" style="width: 70px"&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="latP2" id="latP2" type="text" style="width: 70px"&gt;&lt;/td&gt;&lt;td&gt;(lower right)&lt;/td&gt;&lt;/tr&gt;
  </code></pre>
  
  <p>which creates a table like this:
  <a href="https://i.stack.imgur.com/Vg6A9.png" rel="nofollow noreferrer">latLongTable</a></p>
  
  <p>I have already created an add row function that works, and I am trying to delete the contents of the last cells in that function. I want to remove the text "(upper left)" and "(lower right)". I tried a couple of ways, including:</p>
  
  <pre><code>var rowIn1 = document.getElementById("firstInRow");
  rowIn1.deleteCell(-1);
  </code></pre>
  
  <p>But it doesn't work.</p>