Discussion :

[moimp]

Bonjour et meilleurs voeux à tous,

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<table>
	<tr><th>Libellé</th><th></th><th></th></tr>
	<tr><td>CD</td><td><img src='images/edit.png' data-id='2'></td><td><img src='images/del.png' data-id='2'></td></tr>
	<tr><td>DVD</td><td><img src='images/edit.png' data-id='3'></td><td><img src='images/del.png' data-id='3'></td></tr>
	<tr><td>Livre</td><td><img src='images/edit.png' data-id='1'></td><td><img src='images/del.png' data-id='1'></td></tr>
</table>

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
const
	edit	= document.querySelectorAll("[src*='edit.png]")
	,remove	= document.querySelectorAll("[src*='del.png]")
	;
 
alert('xx');		// sert à vérifier que le code est bien exécuté.
console.log(edit);
console.log(remove);

MA QUESTION: Les console.log() retourne des nodeList vide.Pourquoi?

[CosmoKnacki]

La syntaxe de tes sélecteurs n'est pas bonne, il y a un quote non fermé:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
const edit = document.querySelectorAll('[src*="edit.png"]');
const remove = document.querySelectorAll('[src*="del.png"]');

Tu peux aussi être plus explicite puisqu'il s'agit uniquement de balises img et que la chaîne que tu cherches dans l'attribut se trouve à la fin:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
const edit = document.querySelectorAll('img[src$="edit.png"]');
const remove = document.querySelectorAll('img[src$="del.png"]');

Aussi assure-toi que le DOM est bien chargé lorsque ton code javascript est éxécuté (soit en écoutant l'événement DOMContentLoaded, soit en plaçant ton script à la fin de ton html).

[moimp]

Merci. C'est vrai que j'ai des problèmes de vue et que j'ai du mal à voir les petits caractères comme les apostrophes ou les points.
J'ai posé deux questions à cause de ça. C'est désolant. Je dois essayer d'être plus vigilant.

[unanonyme]

Bonjour,

Avec codium j'utilise [ctrl]+[+] ot [ctrl]+[-] pour augmenter ou réduire la taille de la police lorsque le besoin se faire sentir.

C'est d'autant plus utile que vous utilisez essentiellement des expressions non compilées et dont les syntaxes
ne sont pas sujettes à des validations stricte durant une éventuelle étape de compilation.

Les noms de paramètre PDO, ou les requêtes CSS sont très permissives,
et du moins sur mon installation,
pas surveillées par l'environnement de développement.

bref, jouez de la taille de la police devrait vous sortir de bien des situations,
l'expérience, et donc la pratique, aussi.

Enfin, n'hésitez pas à utiliser la console de votre navigateur,
ou des terrains de jeu,
pour tester certaines portions de code de manière spécifique et restreinte,
en dehors du reste de l'application.
Cela doit vous permettre d'évacuer de la complexité environnante pour vous concentrer sur l'essentiel.

Bonne journée.