Test de niveau : DOM
Sign in to Google to save your progress. Learn more
Soit le HTML
<article>
<header>
<h1></h1>
<h2></h2>
</header>
<p title="Strophe1" id="str1"></p>
<p class="refrain" id="ref1"></p>
<p title="Strophe4" id="str4"></p>
<p class="refrain" id="ref4"></p>
<footer> date (1880 - 1918) </footer>
</article>
Que sélectionne le sélecteur p:first-child
1 point
Soit le HTML
<article>
<header>

<h1></h1>
<h2></h2>

</header>
<p title="Strophe1" id="str1"></p>
<p class="refrain" id="ref1"></p>
<p title="Strophe4" id="str4"></p>
<p class="refrain" id="ref4"></p>
<footer> date (1880 - 1918) </footer>
</article>
Qui NE sélectionne PAS  p:id=str1
1 point
Ouvrez et lancer F12 sur http://dupontcours.free.fr/quizz/quizz-css2/code.html 
Pourquoi mettre "position : relative" à la balise <div id="TAB">
1 point
Clear selection
Ouvrez
http://dupontcours.free.fr/quizz/quizz-css2-2/code.html
Quelle propriété est à décocher pour que l'effet hover fonctionne
1 point
Soit le HTMLUntitled title
<div id="englobant">
<div> A
<div>B</div>
<div>C </div>
</div>
<div>D</div>
</div>
Quelle écriture est valide pour associer les classes item et folder à un DIV
1 point
la règle #englobant > div {border:1px solid black} s'applique à
1 point
Soit le HTML
<html>
  <head>
    <title>dom</title>
  </head>
  <body>
    <p class="premier">Para 1</p>
    <p><em>second </em> Para 2</p>
    <p id="dernier"> dernier Para</p>
    <!-- je suis un commentaire -->
  </body>
</html>
Quelle formule donne l'id = "dernier"
1 point
Soit le HTML
<html>
  <head>
    <title>dom</title>
  </head>
  <body>
    <p class="premier">Para 1</p>
    <p><em>second </em> Para 2</p>
    <p id="dernier"> dernier Para</p>
    <!-- je suis un commentaire -->
  </body>
</html>
Evaluer document.documentElement.childElementCount
1 point
Clear selection
Considérons le HTML
<html>
  <head>
    <title>dom</title>
  </head>
  <body>
    <p class="premier">Para 1</p>
    <p><em>second </em> Para 2</p>
    <p id="dernier"> dernier Para</p>
    <!-- je suis un commentaire -->
  </body>
</html>


Evaluer document.querySelectorAll('body > p:nth-of-type(-n+2)')
1 point
Soit le HTML
<html>
<head>
<title>appendChild() Example</title>
<script type="text/javascript">
   function appendMessage() {
      var oNewSpan = document.createElement("span");
      var oText = document.createTextNode("World!");
      oNewSpan.appendChild(oText);
      document.body.appendChild(oNewSpan);  
   }
     appendMessage();
</script>
</head>
<body>
Hello
</body>
</html>
Que donne le code suivant
1 point
Soit le HTML
<html>
<head>
<title>removeChild() Example</title>
<script type="text/javascript">
    function removeMessage() {
        var S = document.body.getElementsByTagName("span");
        S[1].parentNode.removeChild(S[3]);
    }
</script>
</head>
<body onload="removeMessage()">
    <span>A</span><span>B</span><span>C</span>
</body>
</html>
Le résultat du code donnera
1 point
The last question !
La propriété display a pour valeur possible
1 point
Submit
Clear form
Never submit passwords through Google Forms.
GoogleForms
This content is neither created nor endorsed by Google.