Các lượt nộp
    Danh sách bài
    Trang chủ
    Báo lỗi
    solution
    Đăng nhập
    Đăng nhập

    Đề bài: [Thiết kế Web] Anh em kế và trước

    📖Cần ôn lý thuyết? Đọc bài giảng Buổi 12: JavaScript cho Website (1): window, document, sự kiện, DOM — khóa Thiết kế Web

    Mô phỏng hai thuộc tính nextElementSibling và previousElementSibling. Cho cây DOM và một nút cần truy vấn (theo chỉ số), hãy cho biết tên thẻ của nút anh em kế tiếp (ngay sau) và nút anh em ngay trước nó (cùng cha).

    • Định dạng đầu vào:

      Dòng đầu là số nguyên n (số nút trong cây, 1 ≤ n ≤ 200). n dòng tiếp theo, dòng thứ i (1 ≤ i ≤ n) mô tả nút có chỉ số i theo cú pháp: "parentIdx tagName classes attrs"

      • parentIdx: chỉ số nút cha (0 nếu là nút gốc; nút gốc luôn có chỉ số 1). Nút cha luôn có chỉ số nhỏ hơn nút con (dữ liệu được cho theo thứ tự tạo/duyệt, đúng thứ tự các nút con được thêm vào — coi đây là thứ tự anh em trong cây).
      • tagName: tên thẻ HTML (chữ thường, không khoảng trắng).
      • classes: danh sách class cách nhau bởi dấu phẩy (không khoảng trắng), hoặc "-" nếu không có class.
      • attrs: danh sách cặp "tên=giá_trị" cách nhau bởi dấu chấm phẩy (không khoảng trắng), hoặc "-" nếu không có thuộc tính nào (giá trị không chứa dấu chấm phẩy hay khoảng trắng). Dòng cuối: chỉ số nút cần truy vấn.
    • Ràng buộc đầu vào:

      1 ≤ n ≤ 200.

    • Định dạng đầu ra:

      In ra hai dòng: Dòng 1: "Anh em kế: <tên thẻ>" hoặc "Anh em kế: không có". Dòng 2: "Anh em trước: <tên thẻ>" hoặc "Anh em trước: không có".

    Ví dụ:

    Đầu vào:

    4
    0 div - -
    1 p - -
    1 span - -
    1 a - -
    3
    

    Đầu ra:

    Anh em kế: a
    Anh em trước: p

    Chủ đề

    🌐 Thiết kế WebThiết kế WebThiết kế Web: DOM — Truy vấn & Thao tácTất cả môn học

    Đang tải editor...