Uncaught SyntaxError: Echec de l'exécution de 'querySelector' sur 'Document'

'<button id="'+item['id']+'" class="btnDeactivateKeyInChildPremiumCustomer waves-effect waves-light>ok</button>'

J'ai utilisé le code ci-dessus pour générer bouton à l'intérieur de jquery chaque fonction.Le bouton créé dynamiquement et quand j'ai cliqué sur le bouton , il devrait afficher des progrès sur le bouton.
Im en utilisant cette Ladda Bouton De Chargeur.

    btnDeactivateKeyInChildPremiumCustomerClick : function(event){
        var id = event.currentTarget.id;
        var btnProgress = Ladda.create(document.querySelector('#'+id));
//btnProgress.start(); or //btnProgress.stop();
    }

Et puis j'ai passé le bouton, le gestionnaire d'événement attraper le cas du processus de la fonction ci-dessus.À l'intérieur de cette fonction, il vous permettra de créer un btnProgress objet.
Après ce que je peux appeler la méthode start() ou stop() de fonctions.J'ai travaillé avec succès dans le cas d'un seul bouton sans créer le bouton dynamiquement à l'intérieur de chacun . Mais dans le pour chaque cas, il montre quelques erreurs lors de l'exécution de var btnProgress = Ladda.créer(document.querySelector('#'+id));

Erreur

Uncaught SyntaxError: Failed to execute 'querySelector' on 'Document': '#22' is not a valid selector.

source d'informationauteur boycod3

  1. 28

    Vous êtes autorisé à utiliser Id de commencer par un chiffre dans votre HTML5 documents:

    La valeur doit être unique parmi tous les Id de l'élément à la maison de la sous-arborescence et doit contenir au moins un caractère. La valeur ne doit pas contenir d'espace.

    Il n'y a pas d'autres restrictions sur ce qui forme un ID peut prendre; en particulier, les Identifiants peuvent être constitués uniquement de chiffres, à commencer par un chiffre, commencer avec un trait de soulignement, se composent de seulement la ponctuation, etc.

    Mais querySelector méthode utilise des sélecteurs CSS3 pour interroger les DOM et CSS3 ne supporte pas les sélecteurs d'ID qui commencent par un chiffre:

    Dans le CSS, les identifiants (y compris les noms d'élément, les classes et les Id dans les sélecteurs) peut contenir que les caractères [a-zA-Z0-9] et ISO 10646 U+00A0 et plus, plus le trait d'union (-) et le trait de soulignement (_); ils ne peuvent pas commencer par un chiffre, deux traits d'union, ou d'un tiret suivi d'un nombre.

    Utiliser une valeur comme b22 pour l'attribut ID et votre code fonctionne.

    Puisque vous voulez sélectionner un élément par son ID, vous pouvez également utiliser .getElementById méthode:

    document.getElementById('22')
  2. 0

    Bien que c'est valide en HTML, vous ne pouvez pas utiliser un IDENTIFIANT commençant par un nombre entier dans sélecteurs CSS.

    Comme l'a souligné, vous pouvez utiliser getElementById à la place, mais vous pouvez également obtenir la même chose avec un querySelector:

    document.querySelector("[id='22']")