R�cup�rer le contenu d'un <td> en javascript

Bonjour � tous.
J'ai une <table> que je rempli par une function Javascript � partir d'un formulaire

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

function ajout(f, calTot) { var t=document.getElementById("Panier").tBodies[0]; var tr, td; tr=document.createElement("tr"); for(i=1;i<5;i++) { td=document.createElement("td"); td.appendChild(document.createTextNode(f[i].value)); tr.appendChild(td); }

---

sur double click sur une ligne j'efface toute la ligne par le code suivant

Code:

---

1 2 3 4 5

tr.ondblclick = function() { this.parentNode.removeChild( this); }

---

�a marche tr�s bien. Avant la suppression de la ligne, je voudrais r�cup�rer le contenu d'un <td> (le 4�me) de cette ligne. Pouvez-vous m'indiquer comment proc�der. Merci d'avance.

Malheureusement en JS pure je ne sais pas. !en JQuery par contre �a serait :

Code:

---

1 2 3 4 5

$( 'tr' ).on( 'dblclick', function( ) { var tmpText = $( this ).find( td:eq(3) ).text( ); $( this ).remove( ); } );

---

Je ne connais rien � jQuery.:oops:En tout cas, merci Darkaurora.

Code:

---

1 2 3 4 5

tr.ondblclick = function() { alert(this.getElementsByTagName('td')[3].innerHTML) this.parentNode.removeChild( this); }

---

Bonjour,

Je suis d'accord avec la r�ponse de SpaceFrog mais je pense qu'il serait peut �tre plus judicieux d'utiliser .textContent � la place de .innerHTML
En effet .innerHTML r�cup�re aussi les balises HTML alors que textContent ne r�cup�re que le texte.

Par exemple : http://jsfiddle.net/quRkQ/1/
Dans cette exemple il y la solution � ton probl�me et si tu tentes de supprimer la 4�me ligne tu verras la diff�rence entre textContent et innerHTML. Tu choisiras selon ton besoin. ;)

En esp�rant avoir pu aider.

PS: je rajouterais juste au passage que cela d�pend le comportement que tu veut avoir mais il est pr�f�rable de ne pas attacher ces �v�nement en utilisant la syntaxe :

Code:

---

element.ondblclick = function(){ /* do something */ };

---

mais plut�t avec addEventListener (+ attachEvent pour la compatibilit� IE < 9 )
Pour voir la diff�rence et te faire une id�e > http://jsfiddle.net/mLHv8/

Merci beaucoup j'ai opter pour ".textContent" et �a marche bien. Vous m'avez bien aid�.

Attention textContent n'est pas support� chez IE < 9

Oui, apr�s on trouve toujours des polyfills qui permettent de g�rer le soucie de compatibilit� si c'est important pour nous. Pour moi par exemple je pense qu'il faut �tre compatible IE >= 8.
IE 6 et 7 sont dor�navant obsol�te.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

if (Object.defineProperty && Object.getOwnPropertyDescriptor && Object.getOwnPropertyDescriptor(Element.prototype, "textContent") && !Object.getOwnPropertyDescriptor(Element.prototype, "textContent").get) (function() { var innerText = Object.getOwnPropertyDescriptor(Element.prototype, "innerText"); Object.defineProperty(Element.prototype, "textContent", { // It won't work if you just drop in innerText.get // and innerText.set or the whole descriptor. get : function() { return innerText.get.call(this) }, set : function(x) { return innerText.set.call(this, x) } } ); })();

---

voila le script ici � ins�rer seulement si le navigateur est IE8 pour le rendre compatible. (trouv� ici)

Citation:

---

IE 6 et 7 sont dor�navant obsol�te.

---

Dans le meilleurs des mondes ...

Bonjour,
j'aurais simplement fait un

Code:

---

var content = this.cells[3].textContent || this.cells[3].innerText;

---

Idem que NoSmoking, car en plus c'est compatible IE < 8, contrairement � la solution de MisterPur. Qui est n�anmoins sexy ! (la solution, hein :mrgreen:)

A noter que innerText et textContent ne font pas exactement la m�me chose : sur IE, innerText ne renvoie pas le texte des <script> , <style> et �l�ments cach�s