de l'élément.appendChild n'est pas une fonction

Je sais que c'est une erreur très commune, mais j'ai lu et lu et ne peut pas comprendre pourquoi. C'est probablement quelque chose de très facile, mais je ne peux pas le résoudre par moi-même.

var item = document.createElement("div").className = "item";
var img = document.createElement("img").src = imgpath + $(this).attr("href");;
item.appendChild(img);

Toute aide est très appréciée!

EDIT:

var item = document.createElement("div");
item.className = "item";
var img = document.createElement("img");
img.src = imgpath + $(this).attr("href");
item.append(img);

Ce lève la même erreur.

Pouvez-vous montrer un exemple (y compris HTML, quelque chose qui montre que this est) qui illustre le problème? Avec raisonnable mannequin HTML, le deuxième exemple ici: codepen.io/paulroub/stylo/RPwrBV (après correction append() à appendChild())
Oh man... Ça marche!!! Je suis sûr que je l'avais essayé déjà! Parfois, mon débogueur ne s'actualise pas et que lié à un manque de sommeil peut avoir causé le problème. Meh, je sais que j'ai testé, je dois être fou. Désolé de vous déranger tous avec une telle question stupide.

OriginalL'auteur Bruno Tavares | 2015-04-21

  1. 2

    Dans votre cas, vous êtes la création d'un div et lui attribue un nom de classe, et de la même valeur(nom de la classe) est affecté à la item variable. C'est donc une chaîne de valeur qui n'ont pas la appendChild méthode.

    var item = document.createElement("div");
item.className = "item";
var img = document.createElement("img");
img.src = imgpath + $(this).attr("href");;
item.appendChild(img);

    Le même concept s'applique à img aussi

    OriginalL'auteur Arun P Johny

  2. 0

    Car l'article est la chaîne de caractères "point", pas un élément. Vous avez besoin de rompre.

    var item = document.createElement("div");
item.className = "item";

    Même chose doit se passer avec l'image.

    OriginalL'auteur epascarello

  3. 0

    document.createElement("div").className = "item"; retourne une chaîne de caractères, pas un nœud DOM, de sorte qu'il ne sait rien à propos de .appendChild(). Essayez plutôt ceci:

    var item = document.createElement("div");
item.className = "item";
var img = document.createElement("img");
img.src = imgpath + $(this).attr("href");
item.appendChild(img);

    OriginalL'auteur S McCrohan

  4. 0

    Problème est ici

    document.createElement("div").className = "item"

    il sera de retour une string qui n'ont pas une méthode appelée appendChild sur elle. Vous n'avez pas de référence à la création de div.

    Que vous devriez faire comme ceci

    var item = document.createElement("div");
item.className = "item";
var img = document.createElement("img");
img.src = imgpath + $(this).attr("href");
item.appendChild(img);

    OriginalL'auteur Mritunjay