szabomarton/Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added DOM examples

Browse Source
This commit is contained in:
szabomarton 2024-09-20 09:17:16 +02:00
parent be1eb1569a
commit 7a34a388d1
2 changed files with 38 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
20240920/24_09_20 - Frontend.pptx Normal file
View File

Binary file not shown.

38
20240920/index.html Normal file
View File

@ -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>