byp4a55 professor6T9

Linux SamCT211 4.4.302+ #86009 SMP Wed Nov 26 18:19:20 CST 2025 x86_64
nginx/1.23.1
192.168.4.211

File Name : 5.3 Answer.html

<!DOCTYPE html>
<html>

<head>
    <title>5.3 answers</title>
</head>

<body>
    
    <div class="container">
        <p id="text">呢個係段落</p>
    </div>
    
    <ul id="menu">
        <li>首頁</li>
        <li>產品</li>
        <li>服務</li>
        <li>聯絡</li>
    </ul>

<div class="tabs">
        <button class="tab">Tab 1</button>
        <button class="tab active" id="current">Tab 2</button>
        <button class="tab">Tab 3</button>
    </div>

// Q2
        const menu = document.getElementById("menu");
        const childCount = menu.children.length;
        // alert(childCount);

// Q3
        const firstChild = menu.firstElementChild;
        const lastChild = menu.lastElementChild;
        firstChild.style.color = "red";
        lastChild.style.color = "green";

// Q4
        const current = document.getElementById("current");
        const nextButton = current.nextElementSibling;
        nextButton.classList.add("highlight");

// Q5
        const prevButton = current.previousElementSibling;
        if (prevButton) {
            prevButton.textContent = "Previous Tab";
        }

// Q9
        const element9 = document.getElementById("test");
        if (element9 && element9.parentNode) {
            const parent9 = element9.parentNode;
            parent9.classList.add("active");
        }

// Q13
        function getElementIndex(element){
            if(!element || !element.parentNode){
                return -1;
            }

const siblings = element.parentNode.children;
            for(let i = 0; i< siblings.length; i++){
                if(siblings[i] === element){
                    return i;
                }
            }
        }
        console.log(getElementIndex(document.getElementById("current")));

</script>
</body>

</html>

Name	Type	Size	Owner/Group	Permission	Last Modified	Actions
.	dir	-	1258/100	0777	2025-10-13 03:49:38
..	dir	-	1258/100	0777	2026-02-28 02:05:28
5.1 DOM Intro.docx	application/vnd.openxmlformats-officedocument.wordprocessingml.document	18.76 KB	1258/100	0666	2025-09-08 07:28:06
5.2 DOM Selector.docx	application/vnd.openxmlformats-officedocument.wordprocessingml.document	15.91 KB	1258/100	0666	2025-09-08 07:33:20
5.3 Answer.html	text/html	2.03 KB	1258/100	0666	2025-09-10 02:40:08
5.3 DOM Traversal.docx	application/vnd.openxmlformats-officedocument.wordprocessingml.document	18.22 KB	1258/100	0666	2025-09-09 01:56:48
5.4 (A,B) answer.html	text/html	2.08 KB	1258/100	0666	2025-09-14 11:50:14
5.4 Creating DOM Elements.docx	application/vnd.openxmlformats-officedocument.wordprocessingml.document	17.71 KB	1258/100	0666	2025-09-14 07:44:10
5.4 E1.html	text/html	798 B	1258/100	0666	2025-09-14 11:53:14
5.4 E2.html	text/html	998 B	1258/100	0666	2025-09-14 08:29:06
5.4 E3.html	text/html	984 B	1258/100	0666	2025-09-14 08:29:52
5.4 E4.html	text/html	872 B	1258/100	0666	2025-09-14 08:34:42
5.4 E5.html	text/html	2.36 KB	1258/100	0666	2025-09-15 12:33:06
5.4(F) answer.html	text/html	1.94 KB	1258/100	0666	2025-09-15 02:21:22
5.5 Element Attributes.docx	application/vnd.openxmlformats-officedocument.wordprocessingml.document	19.99 KB	1258/100	0666	2025-09-15 08:12:04
5.5 answer.html	text/html	4.48 KB	1258/100	0666	2025-09-16 12:12:58
5.6 Event Handling.docx	application/vnd.openxmlformats-officedocument.wordprocessingml.document	16.06 KB	1258/100	0666	2025-09-16 06:06:38
5.7 Form Operations.docx	application/vnd.openxmlformats-officedocument.wordprocessingml.document	15.71 KB	1258/100	0666	2025-09-16 08:40:50
5.7 answer.html	text/html	2.38 KB	1258/100	0666	2025-09-22 02:53:24
5.8 Dynamic DOM.docx	application/vnd.openxmlformats-officedocument.wordprocessingml.document	16.58 KB	1258/100	0666	2025-09-22 07:45:38

Team Anon Force

https://t.me/Professor6T9x