03_js-dom/uebungen/u04_tasse-01001/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
@@ -95,11 +95,21 @@
       'use strict';
       (() => {
         // Übung 4: 010010000100111101010100 — Teil 3
+
         // Wenden Sie sich nochmal der 010010000100111101010100-Tasse zu. Benutzen Sie geeignete Selektoren, um
         // 1. das erste li zu finden, das sich innerhalb der ul mit der id product_specification befindet.
+        console.log(document.querySelector('ul#product_specification li:first-child'));
+        console.log(document.getElementById('product_specification').querySelector('li'));
+        console.log(document.getElementById('product_specification').firstElementChild);
+
         // 2. das erste span-Element zu finden, das sich innerhalb des ersten h1-Elements mit der CSS-Klasse article befindet.
+        console.log(document.querySelector('h1.article span'));
+        // console.log(document.getElementsByTagName('h1')[0].firstElementChild);
+
         // 3. alle Elemente mit der Klasse keyword innerhalb von p-Elementen zu finden.
+        console.log(document.querySelectorAll('p .keyword'));
         // 4. alle li-Elemente innerhalb von ul-Elementen zu finden.
+        console.log(document.querySelectorAll('ul li'));
       })();
     </script>
   </body>