Delete HTML Table Row using Javascript

Question

I am using below code to delete HTML Table row using javascript but its giving me error.

using below code i am creating a column at run time using javascript which contains delete Anchor tag.

            var tbody = document.getElementById("<%= tblcriteria.ClientID %>").getElementsByTagName("TBODY")[0];

var row = document.createElement("TR")
 var td4 = document.createElement("TD");
 var code = "<a href=\"javascript:deleteCriteria(this.parentNode.parentNode.rowIndex);\">delete</a>";
    td4.setAttribute("align", "center");
    td4.innerHTML = code;
   row.appendChild(td4);
  tbody.appendChild(row);

Below function i am using to delete current row of html table:

function deleteCriteria(i) {
        if (window.confirm('Are you sure you want to delete this record?') == true) {
            document.getElementById("<%= tblcriteria.ClientID %>").deleteRow(i);

        }
    }

its giving me below error:

'this.parentNode.parentNode.rowIndex' is null or not an object

Please tell me where i am making mistake...

You might want to look into jQuery - jquery.com - for much easier DOM manipulation and cross browser support. — Mikael Svenson
– Mikael Svenson, Commented Jun 21, 2010 at 6:58

Sjoerd · Accepted Answer · 2010-06-21 07:02:40Z

3

this does not point to the <a> element, but to the window.

answered Jun 21, 2010 at 7:02

Sjoerd

75.9k16 gold badges140 silver badges180 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sjoerd Over a year ago

Use onclick instead. You could still use an <a> element, or you could use an image.

codingbadger · Accepted Answer · 2010-06-21 07:22:19Z

2

As @Sjoerd has mentioned you should use onClick instead.

This line

var code = "<a href=\"javascript:deleteCriteria(this.parentNode.parentNode.rowIndex);\">delete</a>";

should read

var code = "<a href=\'#\' onclick=\'javascript:deleteCriteria(this.parentNode.parentNode.rowIndex);\'>delete</a>";

answered Jun 21, 2010 at 7:22

codingbadger

44.3k13 gold badges99 silver badges113 bronze badges

1 Comment

James Over a year ago

No point in the javascript: label if you're using onclick.

Collectives™ on Stack Overflow

Delete HTML Table Row using Javascript

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related