How to use in JavaScript Dom tr deleteCell

Posted in JavaScript | JAVASCRIPT AND DOM REFERENCE on August 06, 2019

In this article I have described about tr deleteCell() method used in JavaScript.

tr deleteCell() method in JavaScript

If we want to delete a particular cell within a table then we can use tr deleteCell() method.

Browser support

Following are the main browsers which support the tr deleteCell() method

Syntax

The syntax of tr deleteCell() method as follows

trObject.deleteCell(index)

Lets take an example

<!DOCTYPE html>

<html>

<head>

function displayResult()

{

var firstRow = document.getElementById("Table").rows[0];

firstRow.deleteCell(0);

}

</script>

</head>

<tr>

<td>COFFEE</td>

<td>COLDDRINK</td>

</tr>

</table>

<br />

<button type="button" onclick="displayResult()">DELETE CELLS </button>

</body>

</html>

Output



              

              When we click on DELETE CELLS button

Further Readings

You may also want to read these related articles :here

Ask Your Question

Got a programming related question? You may want to post your question here Programming Answers here