added DOM examples

2024-09-20 09:17:16 +02:00 · 2024-09-20 09:17:16 +02:00 · 7a34a388d1
commit 7a34a388d1
parent be1eb1569a
2 changed files with 38 additions and 0 deletions
--- a/20240920/24_09_20
+++ b/20240920/24_09_20
--- a/20240920/index.html
+++ b/20240920/index.html
@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        .myClass{
+            color: blue;
+        }
+    </style>
+</head>
+<body>
+    <div id="azonosito"></div>
+    <div id="azonosito2">Helló világ!</div>
+    <div name="azonositoNev"></div>
+    <p name="azonositoNev"></p>
+    <p> ASD</p>
+    <p class="myClass">Első</p>
+    <p class="myClass">Második</p>
+    <script>
+        document.getElementById("azonosito").innerHTML = "Érték";
+        let elem = document.getElementById("azonosito2");
+
+        //let elem2 = document.getElementsByClassName("azonositoNev");
+        let elem3 = document.getElementsByName("azonositoNev");
+        console.log(elem3);
+
+        let elem4 = document.getElementsByTagName("p");
+        console.log(elem4);
+
+        let elem5 = document.querySelector(".myClass");
+
+        let elem6 = document.querySelectorAll(".myClass");
+        console.log(elem6);
+    </script>
+</body>
+</html>