API DOM

Question 1

Que signifie l’acronyme API ?

Answer 1

Application Programming Interface

Question 2

DOM est l’acronyme de Document Object Manager.

Answer 2

Faux. Document Object Model (DOM)

Question 3

Le DOM est généralement représenté sous la forme…

Answer 3

d’un arbre.

Question 4

Quels sélecteurs existent vraiment ?

1. selectById(‘id’)
2. getElementById(‘id’)
3. getElementsByTagName(‘tag’)
4. getByClassName(‘className’)

Answer 4

Réponse 2 et 3

Question 5

Indiquez la ou les affirmation(s) incorrecte(s).

1. element.attributes : méthode permettant d’accéder à la liste d’attributs d’un nœud
2. element.getAttributeNames() : méthode permettant d’obtenir la liste des noms d’attributs d’un nœud
3. element.hasAttribute(‘id’) : méthode permettant de vérifier si un nœud possède l’attribut donné

Answer 5

1 . element.attributes : méthode permettant d’accéder à la liste d’attributs d’un nœud

Il ne s’agit pas d’une méthode, mais d’une propriété.

Question 6

append() permet d’ajouter un ou plusieurs éléments…

Answer 6

Après un élément du DOM.

Question 7

Indiquez l’instruction permettant de sélectionner les div ayant la classe color dans le DOM.

1. document.querySelector(‘div.color’)
2. document.querySelectorAll(‘div.color’)

Answer 7

2.document.querySelectorAll(‘div.color’)

Question 8

Soit <div></div>. Modifiez l’attribut id pour lui donner la valeur header.

1. document.getElementById(‘content’).setAttribute(‘id’, ‘footer’)
2. document.getElementById(‘content’).setAttribute(‘id’, ‘header’)
3. document.getElementById(‘content’).attribute(‘id’, ‘header’)
4. document.getElementById(‘content’).ChangeAttribute(‘id’, ‘header’)

Answer 8

2. document.getElementById(‘content’).setAttribute(‘id’, ‘header’)

Question 9

Parmi ces déclarations, lesquelles permettent de créer un élément HTML et de l’ajouter dans le DOM ?

1. let div = document.createElement(‘div’)
2. let div = document.createElement(‘div’)
   document. body.append(div)
3. let parent = document.getElementById(‘parent’)

let child = document.createElement(‘div’)

parent. prepend(child)
4. let parent = document.getElementById(‘parent’)
parent. remove()

Answer 9

2. let div = document.createElement(‘div’)
   document. body.append(div)
3. let parent = document.getElementById(‘parent’)

let child = document.createElement(‘div’)

parent.prepend(child)

Question 10

En écrivant element.removeChild(child)…

1. Nous supprimons element du DOM
2. Nous supprimons child, enfant de element dans le DOM
3. Nous supprimons child, parent de element dans le DOM
4. Nous pouvons garder en mémoire child

Answer 10

Réponse 2. Et 4.