Taux de réponses en cours : 0 % Envoyer le formulaire


Fiche : Quizz DOM.


Objet de la fiche


Etat de la fiche Terminée validée


Avant propos

25 points pour confirmer votre maîtrise du DOM

Le Quizz DOM (Document Object Model)


Pour chaque question sélectionnez une réponse parmi 4 possibles
1. DHTML (Dynamic HyperText Markup Language) est ?

une extension du langage HTML.
une extension des feuilles de style CSS.
un éditeur de script.
un ensemble de technologies Internet qui associées entre elles offrent la possibilité de construire des pages HTML interactives.
2. Quel est le nom de la variable globale qui représente le DOM losque vous écrivez un script javascript ?

DOM
document
window
element
3. Quel type de données la variable document stocke-t-elle ?

function
boolean
objet
number
4. Le DOM (Document Object Model) fournit ..

une représentation structurée uniquement des fonctions javascript identifiées dans la page web.
une représentation structurée sous forme d'objets du document html.
un nouveau langage pour la visualisation de page web.
la possibilité d'accéder de façon asynchrone à un serveur distant.
5. Quel est ou quels sont des objets du DOM dans les propositions suivantes ?

Les deux propositions suivantes représentent des objets du DOM.
Aucune des deux propositions suivantes ne représentent des objets du DOM.
Proposition 1 : l'objet location.
Proposition 2 : l'objet navigator
6. Qu'elle est la méthode utilisée pour l'ouverture de fenêtres ?

focus()
setInterval()
confirm()
open()
7. Qu'elle méthode est-elle appropriée pour déplacer horizontalement ou verticalement une fenêtre sur l'écran ?

resizeTo(x,y)
window.screenX
window.moveTo(x,y)
pageXOffset
8. Les méthodes suivantes : .screenX, .outerWidth, pageXOffset sont utilisables uniquement avec ...

tous les navigateurs sauf internet explorer
uniquement avec le navigateur internet explorer
tous les navigateurs
aucun navigateur
9. Qu'elle méthode donne t'elle la position horizontale à partir du coin haut gauche de la fenêtre web par rapport au coin haut-gauche de l'écran.

screenX
innerWidth
resizeTo(x,y)
screenY
10. Qu'elle méthode relative aux boitesde dialogue permet-elle d'afficher dans une boîte un bouton OK avec le texte qu'on lui passe en paramètre ?

prompt()
confirm()
affiche()
alert()
11. Quelle fonction doit-on utiliser pour effectuer une opération à intervalle régulier ?

setTempo()
setInterval()
setTimeout()
setTimer()
12. Lorsqu'une fenêtre est ouverte depuis une autre fenêtre, elle conserve une référence à cette première fenêtre. Cette référence est donnée par ...

window.opener
window.open()
window.focus()
window.close()
13. Quel objet permet-il de récupérer des informations sur le navigateur qu'utilise le visiteur ?

.hash
.navigator
.location
.host
14. <a href= "window.history.forward()"> est un lien qui permet ...

de recharger la page actuelle.
d'accéder à la page précédente dans l'historique si elle existe.
d'accéder à la page suivante dans l'historique si elle existe.
de rediriger vers une page particulière de l'historique.
15. Qu'elles propriétés donnent-elles en pixels la hauteur ou la largeur maximale disponible que peut prendre une application en mode plein écran ?

screen.height et screen.width
screen.pixelDepth et screen.colorDepth
screen.x et screen.y
screen.availHeight et screen.availWidth
16. Quelle méthode n'existe pas dans le DOM ?

getElementsByClass("classe")
getElementById("identificateur")
getElementsByName("nom")
getElementsByTagName("nom")
17. Quelle propriété de l'objet document en relation avec les noeuds permet-elle de modifier, supprimer ou changer une ou des classes d'un élément ?

.className
.createClass
.attributes[i].name
.classList
18. Qu'elle est la méthode associée à la propriété permettant de modifier, supprimer ou changer une ou des classes d'un élément, qui doit être appliquée pour vérifier si la classe spécifiée est présente dans la liste des classes attribuées à cet élément ?

.contains()
.tostring()
.toggle()
.length
19. Quelle propriété est à utiliser pour savoir si le noeud sur lequel on est positionné possède ou ne possède pas des noeuds enfants ?

.firstChild.nextSibling
.lastChild.previousSibling
.hasChildNodes()
.parentNode
20. Comment ajouter un noeud (ou élément) créé par createElement() comme enfant de son parent ?

.childNodes[i]
.Parent.appendChild(l'élément)
.nodeCopy.id
.Parent.removeChild(id)
21. Quelle propriété renvoie le nœud (node) précédant immédiatement le nœud courant dans la liste des enfants de son parent (childNodes) ?

.parentNode
.firstChild
.lastChild.previousSibling
.firstChild.nextSibling
22. Quelle méthode peut-on utiliser pour dupliquer un élément identifié par objA?

objA.AddNode(true)
objA.MoveNode(true)
objA.clone('new element')
objA.cloneNode(true)
23. Comment écrire du texte html à la volée à partir de script javascript ?

document.getElementById("identificateur").write(' texte')
document.write(' texte')
document.write = ' texte'
write(' texte')
24. getComputedStyle() retourne un objet en lecture seule qui peut être utilisé pour lire les styles appliqués à un élément. Cet objet permet de lire ....

Uniquement les styles initiés par l'attribut style.
Uniquement les styles initiés à partir d'une feuille de style interne ou externe.
Uniquement les styles liés aux pseu-éléments.
Les styles incluant ceux initiés par l'attribut style mais aussi ceux initiés à partir d'une feuille de style interne ou externe.
25. Soit un élement d'un document référencé "e" (e=document.getElementById("id élément")) en javascript. La quelle des déclarations suivantes mettra le texte contenu dans l'élément en gras ?

e.style.font-weight : bold;
e.font-weight : bold;
e.fontWeight = "bold";
e.style.fontWeight = "bold";


Respectons la propriété intellectuelle