Vladyslav  Naidonov
Vladyslav Naidonov

Reputation: 49

Multidimensional javascript

Have an issue with multidimensional javascript, here is an example of what Im trying to do There are td tags in tr tags like these

<tr id="tr">
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr>
 <td></td>
 <td></td>
 <td></td>
</tr>

I want in every tr tag the last element to be deleted. This must happened on onchange event, but its not a point, I want the code to delete elements from the end in each tr tag. Here how I see it

var trs = document.getElementsTagByName("tr");
var tds = document.getElementsTagByName("td");
var tr = document.getElementById("tr");
var td = document.getElementById("td");
for(var q = 1, a = trs.length; q < a; a-1) {
    for(var w = 1, s = tds.length; w > s; s-1) {
        //Here I want to be a condition, if as an example there will be 2 td 
        //from each tr I want to be deleted in one time  from tr's elements
        while( !2 ) {
            td.parent.revomeChild("td");
        }
         break;
    }
}

Upvotes: 0

Views: 64

Answers (1)

Vladimir G.
Vladimir G.

Reputation: 885

Try this

var trs = document.getElementsByTagName('tr');
for(var i=0; i<trs.length; i++){
  trs[i].removeChild(trs[i].lastElementChild)
}

Upvotes: 2

Related Questions