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 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 peut Tout le monde pense à une raison pour laquelle le code ci-dessus ne fonctionne pas? P> p> initialisée: fonction () code> d'une classe: p>
document.getelementbyid (this.mainappdiv.id) .i (this.maincanvasdiv.id); code> p>
3 Réponses :
au lieu de: juste faire: p> De cette façon, vous devez ajouter le MainCanvesDiv code> directement au
mainappdiv code>. Il n'y a pas besoin de
getElementyid code> si vous avez déjà une référence à un élément. P> p>
Faites comme ceci:
this.maincanvasdiv.id code> n'est pas une référence à un élément de toile mais son identifiant de chaîne
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);
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' ) code>