ptorrel/JS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Browse Source
This commit is contained in:
Philippe Torrel
2026-07-14 14:36:35 +02:00
parent 960451ae4a
commit 3631edde78
39 changed files with 2399 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
03_dom/uebungen/u03_tasse-01001/index.html
View File

@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
@@ -94,12 +94,31 @@
<script>
'use strict';
(() => {
const $ = (qs) => document.querySelector(qs);
const $$ = (qs) => Array.from(document.querySelectorAll(qs));
// alle li-Elemente findet.
const allLiEl = document.querySelectorAll('li'); // => NodeList(8)
const allLiElAr = Array.from(document.querySelectorAll('li'));
console.log(allLiEl);
console.log(allLiElAr);
console.log($$('li'));
// alle h2-Elemente findet.
console.log(Array.from(document.querySelectorAll('h2'))); // => 2
// alle Elemente mit der Klasse special findet.
console.log(Array.from(document.querySelectorAll('.special'))); // => 3
// alle li-Elemente mit der Klasse keyword findet.
console.log(Array.from(document.querySelectorAll('li.keyword'))); // => 1
// alle span-Elemente mit der Klasse special findet.
console.log(Array.from(document.querySelectorAll('span.special'))); // => 3
// alle Elemente findet, die die Klassen i UND b haben.
console.log(Array.from(document.querySelectorAll('.i.b'))); // => 2
})();
</script>
</body>