Uncaught TypeError: Impossible de définir la propriété 'href' de null

Question

• J'essaie de télécharger le fichier depuis la grille.
  • Lorsque je clique sur Ouvrir le lien de la première fenêtre une fenêtre s'ouvre.
  • dans cette fenêtre, vous verrez une grille.
  • mais maintenant vous verrez la grille mais une erreur est en train de se produire sur la ligne ci-dessous.
  • Je suis en train de télécharger le fichier comme cette fonctionnalité https://jsfiddle.net/335t5aow/

Uncaught TypeError: Impossible de définir la propriété 'href' de null

template: "<a class=\"sportsDataPlayer\" onclick=\"window.open('#= FileName#', 'popup', 'width=800,height=600,scrollbars=yes,resizable=no')\">#= FileName.substring(FileName.lastIndexOf('/')+1) #</a>" 

• peut vous les gars dire moi comment y remédier.
• fournissant le code ci-dessous

http://jsfiddle.net/savyjgg2/2/

template: "<a class=\"sportsDataPlayer\" onclick=\"window.open('#= FileName#', 'popup', 'width=800,height=600,scrollbars=yes,resizable=no')\">#= FileName.substring(FileName.lastIndexOf('/')+1) #</a>"  
var csv = "a,b,c\n1,2,3\n"; 
var data = new Blob([csv]); 
var a2 = document.getElementById(".sportsDataPlayer"); 
alert("I am here"); 
a2.href = URL.createObjectURL(data); 

Answer 1

Mise à jour:

Ja Ja J'ai mis à jour le violon, mais il est seulement une séance d'entraînement partiel (seulement le premier fichier sera téléchargé). Pour rendre le fichier téléchargeable, vous devez utiliser l'attribut download dans le tag <a>.

Et dans votre code JS, vous devrez modifier la logique en conséquence afin que l'attribut download soit appliqué à chaque nom de fichier séparément.

Essayez cette FIDDLE, il y avait juste une petite correction

Des changements ont été,

1. var a2 = document.getElementById("sportsDataPlayer");
2. est passé de class=\"sportsDataPlayer\" à id=\"sportsDataPlayer\"

Answer 2

Bug ici:var a2 = document.getElementById(".sportsDataPlayer");

Fix:var a2 = document.getElementsByClassName("sportsDataPlayer");