Question

i have this code:

<table>
    <tbody>
        <tr>
            <td align="left">X</td>
            <td>X1</td>     
        </tr>
        <tr>        
            <td width="150" align="left">Y</td>
            <td>Y1</td>
        </tr>
        <tr>    
            <td align="left">Status: </td>
            <td colspan="4">
                <select name="status" size="1">
                    <option selected="selected" value="2">one</option>
                    <option value="1">two</option>
                </select>                   
            </td>
        </tr>
        <tr>        
            <td width="150" align="left">Z</td>
            <td>Z1</td>
        </tr>   
    </tbody>
</table>

and want to remove with Javascript this line:

<tr>    
    <td align="left">Status: </td>
    <td colspan="4">
        <select name="status" size="1">
            <option selected="selected" value="2">one</option>
            <option value="1">two</option>
        </select>                   
    </td>
</tr>

the problem is that i don’t have any id’s or classes for identification.
is there a way to remove the row by searching “Status: ” or name=”status” with javascript for Firefox only (using it for Greasemonkey)?

i can’t use jQuery and i can’t edit the code to set any id’s

best regards
bernte

Answer 1

function removeRowByCellValue(table,cellValue) {
    var cells = table.getElementsByTagName("TD");
    for(var x = 0; x < cells.length; x++) {

        // check if cell has a childNode, prevent errors
        if(!cells[x].firstChild) {
            continue;
        }

        if(cells[x].firstChild.nodeValue == cellValue) {
            var row = cells[x].parentNode;
            row.parentNode.removeChild(row);
            break;
        }
    }
}

First get a reference to your table, since you do not have an ID you can use getElementsByTagName.. (here i’m assuming that it is the first table in your document)

var myTable = document.getElementsByTagName("table")[0];

Then you can invoke the function with the following parameters

removeRowByCellValue(myTable,"Status: ");