Javascript obtenir de l'élément par son id à partir d'une cellule de tableau ne fonctionne pas

J'ai un tableau HTML. Dans ce tableau j'ai des liens dans la dernière colonne (avec id="delete_row"). Je suis en train d'extraire de chaque lien et il ne fonctionne pas. J'ai vu quelques posts à ce sujet et a appris qu'il pourrait être une orthographe problème mais j'ai tout vérifié deux fois et ne peut pas toujours obtenir ce que ça va. Voici mon code:

var tbl = document.getElementById('my_table'); 
for (var i = 0 ;i<tbl.rows.length-1; i++) { //for each row
        row = tbl.rows[i];
        row.getElementById('delete_row').className="other_classname";
}

Ce code cependant renvoie l'erreur:

Uncaught TypeError: Object #<HTMLTableRowElement> n'a pas de méthode getElementById'

Aucune Idée de ce qui pourrait être mauvais?

  • row.getElementById('delete_row').className="other_classname"; ne semble pas faire sens - qu'essayez-vous de réaliser ici? Est 'delete_row' une cellule de tableau <td>?
  • Hi 'delete_row" est une id a href intérieur de la dernière cellule de chaque ligne (dernière colonne d'un tabale est rempli avec hrefs de la même id). Je vais corriger ma question en une seconde.
InformationsquelleAutor HoGo | 2013-01-15
  1. 0

    Je pense qu'un ID pour tout le HTML doit être unique. Vous êtes à l'aide de l'ID de plus d'une heure, ce qui pourrait être la question. Donc, si vous utilisez le class au lieu de ID et la fonction getElementsByClassName au lieu de getElementByID, il peut résoudre votre cas.

    • Note getElementByID devrait être getElementById - ne pas tirer profit de la finale d.
    • Salut, je ne peux pas utiliser un nom de classe comme il est utilisé par d'autres liens dans le tableau. Au lieu de cela, j'ai essayé celui-ci: links=tbl.getElementsByName('delete_col'); links[i].className="other_classname"; et il retourne Uncaught TypeError: Object #<HTMLTableElement> n'a pas de méthode 'getElementsByName'
    InformationsquelleAutor Raghavendra Karunanidhi
  2. 0

    Suite à votre commentaire, pour accéder à la dernière cellule de chaque ligne, remplacer:

    row.getElementById('delete_row').className="other_classname";

    Avec:

    var len = document.getElementById("my_table").rows[i].cells.length;
document.getElementById("my_table").rows[i].cells[len - 1].className="other_classname";
    • Merci, en fait ça mais j'ai enother erreur: Uncaught TypeError: Cannot read property 'lignes', null
    • C'est bizarre. Il ne fonctionne pas et le prowser (chrome) secoue comme il y avait une erreur, mais il n'y a rien dans le consloe, donc je ne sais pas quoi d'autre pourrait être mauvais 🙁
    • Créer un jsFiddle et assurer le lien ici - je suis sûr que nous pouvons corriger cela rapidement.
    • OK ici c'est jsfiddle.net/qr2BJ/7315 Le tout est de renumarate id de l'événement onclick de X href après chaque suppression, donc la prochaine fois, il se réfère à la apriopriate ligne.
    InformationsquelleAutor Barry Kaye
  3. 0

    Vous avez besoin d'utiliser la structure de la classe de votre id. Supposons que vous allez ajouter vos lignes avec un bouton et de les supprimer avec X lien comme la vôtre.

    <input type="button" value="add" id="btnAddRow">

<table id="customFields" align="center" cellspacing="0" cellpadding="0" border="0">
    <tr class="HeaderRow"><td colspan="7"></td></tr>
</table>

    Et c'est le code javascript pour manipuler ajouter et de supprimer des processus:

    $("#btnAddRow").click(function () {
        counter += 1;
        $("#customFields").show();
        $("#customFields").append('<tr valign="top"><td> ' + counter + '</td>' + '<td>' + '<a href="javascript:void(0);" class="removeRow">Delete</a></td></tr>');
    });

    $("#customFields").on('click', '.removeRow', function () {
        var rowId = $(this).parent().parent().index() - 1;
        $(this).parent().parent().remove();

        if ($('#customFields tr').length == 2) {
            $("#customFields").hide();
        }
    });

    Comme vous le voyez un processus dynamique sera plus utile pour vous.

    InformationsquelleAutor tdog