2015-04-01 22:05:05 +02:00
|
|
|
# .cadoles-slide-title[API du DOM (3/5)]
|
2015-03-31 23:29:23 +02:00
|
|
|
|
|
|
|
|
**Création, modification, ajout et suppression d'éléments**
|
|
|
|
|
```js
|
|
|
|
|
|
|
|
|
|
// Création d'un nouvel élément
|
|
|
|
|
var myDiv = document.createElement('div');
|
|
|
|
|
|
|
|
|
|
// Modification du contenu de l'élément
|
|
|
|
|
myDiv.innerHTML = '<ul><li>Item 1</li></ul>';
|
|
|
|
|
|
|
|
|
|
// Manipulation des attributs
|
|
|
|
|
myDiv.className = 'my-class';
|
|
|
|
|
myDiv.classList.add('my-other-class');
|
|
|
|
|
myDiv.classList.remove('my-class');
|
|
|
|
|
|
|
|
|
|
// Ajout/suppression du DOM
|
|
|
|
|
document.body.appendChild(myDiv);
|
|
|
|
|
document.body.removeChild(myDiv);
|
|
|
|
|
```
|
