9
votes

Insérer un div dans une autre div?

IM Création d'une application Web et souhaitez savoir pourquoi le code suivant ne fonctionne pas. Il crée d'abord un élément qui est ensuite ajouté au corps. Je crée ensuite un autre élément div puisque j'aimerais placer à l'intérieur du premier élément divié que j'ai créé.

im Utilise des classes de MotooTools pour créer et initialiser des objets et cela fonctionne bien, mais je ne peux pas savoir que le code suivant fonctionne. Le code est à l'intérieur d'un initialisée: fonction () d'une classe: xxx

comme vous pouvez le voir commencer par créer un "Mainbody" et Ensuite, appendez-le le document.bon, cette partie du code fonctionne bien. Le problème vient à partir de la deuxième div et d'essayer d'insérer cela à l'aide de document.getelementbyid (this.mainappdiv.id) .i (this.maincanvasdiv.id);

peut Tout le monde pense à une raison pour laquelle le code ci-dessus ne fonctionne pas?


1 commentaires

Si je me souviens bien, afin d'insérer quelque chose dans le DOM avec un certain identifiant, vous ne pouvez pas simplement définir sa propriété ID directement comme celle-ci - vous devez faire un MainAppDiv.SetatTtribute ('ID', 'Mainbody' )


3 Réponses :


8
votes

au lieu de: xxx

juste faire: xxx

De cette façon, vous devez ajouter le MainCanvesDiv directement au mainappdiv . Il n'y a pas besoin de getElementyid si vous avez déjà une référence à un élément.


0 commentaires

4
votes

Faites comme ceci: xxx


1 commentaires

this.maincanvasdiv.id n'est pas une référence à un élément de toile mais son identifiant de chaîne



0
votes

Pourquoi utilisez-vous des mootools mais revenez à Vanilla JS?

this.mainAppDiv = new Element("div", {
    id: "mainBody",
    styles: {
        width: "100%",
        height: "80%",
        border: "thin red dashed"
    }
});

this.mainCanvasDiv = new Element("div", {
    id: "mainCanvas",
    styles: {
        width: 600,
        height: 400,
        border: "thin black solid"
    }
}).inject(this.mainAppDiv);

this.mainAppDiv.inject(document.body);


0 commentaires