How to use in JavaScript Dom tr deleteCell
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
- Internet Explorer.
- Firefox.
- Opera.
- Google Chrome.
- Safari.
Syntax
The syntax of tr deleteCell() method as follows
trObject.deleteCell(index)
Lets take an example
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function displayResult()
{
var firstRow = document.getElementById("Table").rows[0];
firstRow.deleteCell(0);
}
</script>
</head>
<body style ="background-color:green">
<table id="Table" border="1">
<tr>
<td>TEA</td>
<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