Skip to content

Commit f92c424

Browse files
Unique982Unique982
authored
Add files via upload
add note
1 parent fcc4e80 commit f92c424

File tree

4 files changed

+129
-0
lines changed

4 files changed

+129
-0
lines changed

‎Advance javascript/QuerySelector.html‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Query Selector</title>
7+
</head>
8+
<body>
9+
<h1>Hello World</h1>
10+
<h1>Heading Taga</h1>
11+
<p>Lorem ipsum dolor sit.</p>
12+
<div>
13+
<p id="test">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Et, doloribus?</p>
14+
</div>
15+
<p class="code">Lorem ipsum dolor sit, amet consectetur adipisicing elit. </p>
16+
<h3>Lorem ipsum dolor sit amet.</h3>
17+
<script>
18+
// element selector
19+
var a = document.querySelector('p');
20+
document.write(a);
21+
console.log(a);
22+
// id selector
23+
var a = document.querySelector("#test");
24+
document.write(a);
25+
console.log(a);
26+
27+
// class selector
28+
29+
var a = document.querySelector('.code');
30+
document.write(a);
31+
console.log(a);
32+
</script>
33+
34+
</body>
35+
</html>

‎Advance javascript/querySelectorAll in javascript.html‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Query Selector</title>
7+
</head>
8+
<body>
9+
<h1>Hello World</h1>
10+
<h1>Heading Taga</h1>
11+
<p>Lorem ipsum dolor sit.</p>
12+
<div id="an">
13+
<p id="test">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Et, doloribus?</p>
14+
</div>
15+
<p class="code">Lorem ipsum dolor sit, amet consectetur adipisicing elit. </p>
16+
<h3>Lorem ipsum dolor sit amet.</h3>
17+
<script>
18+
// element selector
19+
var a = document.querySelectorAll('p');
20+
document.write(a);
21+
console.log(a);
22+
// // id selector
23+
var a = document.querySelectorAll("#test");
24+
document.write(a);
25+
console.log(a);
26+
27+
// // class selector
28+
29+
var a = document.querySelectorAll('.code');
30+
document.write(a);
31+
console.log(a);
32+
33+
// Attributes selector
34+
var a = document.querySelectorAll("div[id]");
35+
document.write(a);
36+
console.log(a);
37+
</script>
38+
39+
</body>
40+
</html>

‎Advance javascript/querySelectorAll method with length.html‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Document</title>
7+
</head>
8+
<body>
9+
<h1>Hello World</h1>
10+
<h1>Heading Taga</h1>
11+
<p>Lorem ipsum dolor sit.</p>
12+
<div id="an">
13+
<p id="test">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Et, doloribus?</p>
14+
</div>
15+
<p class="code">Lorem ipsum dolor sit, amet consectetur adipisicing elit. </p>
16+
<h3>Lorem ipsum dolor sit amet.</h3>
17+
18+
19+
<script>
20+
var a = document.querySelectorAll("#test").length;
21+
document.write(a);
22+
</script>
23+
</body>
24+
</html>

‎Advance javascript/querySelectorAll method with loop.html‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Document</title>
7+
</head>
8+
<body>
9+
<h1>Hello World</h1>
10+
<h1>Heading Taga</h1>
11+
<p>Lorem ipsum dolor sit.</p>
12+
<div id="an">
13+
<p id="test">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Et, doloribus?</p>
14+
</div>
15+
<p class="code">Lorem ipsum dolor sit, amet consectetur adipisicing elit. </p>
16+
<h3>Lorem ipsum dolor sit amet.</h3>
17+
18+
19+
<script>
20+
var a = document.querySelectorAll(".code");
21+
var len = data.length;
22+
for(let i=0;i<len;i++){
23+
var result = document.querySelectorAll('.code')[i];
24+
document.write(result +"<br>");
25+
console.log(result);
26+
}
27+
document.write(a);
28+
</script>
29+
</body>
30+
</html>

0 commit comments

Comments
 (0)