| Les deux révisions précédentesRévision précédente | |
| issue68:tutoriel_-_devweb_-_crud [2013/03/25 07:42] – [4] fredphil91 | issue68:tutoriel_-_devweb_-_crud [2013/03/25 07:42] (Version actuelle) – [5] fredphil91 |
|---|
| Let's first put that text inside the listItem. The object's property for this is innerHTML. Using innerHTML will put anything inside of the </li>innerHTML</li>. The next thing we are going to need to do (shown below) is append this child element to its parent, which is the UL. So, the list variable holds the parent object, and we are going to append its child, listItem: list.appendChild(listItem).** | Let's first put that text inside the listItem. The object's property for this is innerHTML. Using innerHTML will put anything inside of the </li>innerHTML</li>. The next thing we are going to need to do (shown below) is append this child element to its parent, which is the UL. So, the list variable holds the parent object, and we are going to append its child, listItem: list.appendChild(listItem).** |
| |
| Remarquez que nous utilisons à nouveau le modèle d'objet document pour créer un li. Cette ligne utilise en fait DOM pour créer un élément. Donc, en lui donnant l'argument de « li », cette ligne le prendra et fera un <li></li> et le préparera pour nos besoins. La variable suivante prend simplement nos variables et les sépare par des FIXME virgules. La première variable ne doit plus vous surprendre maintenant, alors nous allons poursuivre. Si vous exécutez ce code, rien ne se passera. Bien sûr que rien ne se passera, nous n'avons rien mis nulle part, nous avons juste créé des variables. | Remarquez que nous utilisons à nouveau le modèle d'objet document pour créer un li. Cette ligne utilise en fait DOM pour créer un élément. Donc, en lui donnant l'argument de « li », cette ligne le prendra et fera un <li></li> et le préparera pour nos besoins. La variable suivante prend simplement nos variables et les sépare par des « : ». La première variable ne doit plus vous surprendre maintenant, alors nous allons poursuivre. Si vous exécutez ce code, rien ne se passera. Bien sûr que rien ne se passera, nous n'avons rien mis nulle part, nous avons juste créé des variables. |
| |
| Nous allons d'abord placer ce texte dans le listItem. La propriété de l'objet pour cela est innerHTML. L'utilisation de innerHTML placera des choses dans la balise <li>innerHTML</li>. La prochaine étape que nous devons franchir (ci-dessous) est d'ajouter cet élément enfant à son parent, qui est UL. Ainsi, la variable liste contient l'objet parent et nous allons ajouter son enfant, listItem : list.appendChild(listItem). | Nous allons d'abord placer ce texte dans le listItem. La propriété de l'objet pour cela est innerHTML. L'utilisation de innerHTML placera des choses dans la balise <li>innerHTML</li>. La prochaine étape que nous devons franchir (ci-dessous) est d'ajouter cet élément enfant à son parent, qui est UL. Ainsi, la variable liste contient l'objet parent et nous allons ajouter son enfant, listItem : list.appendChild(listItem). |
