Cách sử dụng HTML & Với Shadow DOM
Khe cắm HTML là một trong những tiêu chuẩn đáng chú ý nhất được thực hiện bởi W3C. Kết hợp điều đó với một tiêu chuẩn W3C ấn tượng khác được gọi là mẫu, và bạn có một pha chế tuyệt vời để làm việc với. Có thể tạo và thêm các phần tử HTML đến một trang sử dụng JavaScript là một nhiệm vụ cần thiết và quan trọng.
Nó hữu ích khi một đoạn mã phải chỉ xuất hiện vào những thời điểm nhất định, hoặc khi bạn không muốn gõ hàng trăm phần tử HTML có cấu trúc tương tự nhưng muốn tự động hóa quá trình.
Tạo các phần tử HTML trong JavaScript là không mong muốn. Thật rắc rối khi phải kiểm tra và kiểm tra lại nếu bạn đã bao gồm tất cả các thẻ, đặt chúng theo đúng thứ tự, tất cả, chỉ có quá nhiều để gõ và theo dõi. Sự hỗn loạn này, tuy nhiên, có một giải pháp khi mà thẻ xuất hiện. Nếu một cái gì đó cần phải được được thêm vào trang một cách linh hoạt, bạn có thể đặt nó bên trong thành phần.
Trong bài đăng này, tôi sẽ chỉ cho bạn cách bạn có thể sử dụng các thẻ cùng với JavaScript để tạo một nhà máy sản xuất bảng HTML nhỏ có thể tạo và điền vào hàng trăm bảng tương tự.
Các
Các thẻ giữ mã HTML sẽ không được hiển thị bởi trình duyệt cho đến khi nó được thêm đúng vào tài liệu, sử dụng JavaScript. Các thành phần.
Một Bóng DOM tương tự như một DOM thông thường (mô hình tài liệu được phân tích cú pháp từ HTML). Nó tạo ra một cây có vảy (một cây Shadow DOM), có một gốc của chính nó và cũng có thể có một phong cách của riêng mình.
Khi bạn chèn cây Shadow DOM vào một phần tử trong tài liệu chính - phần tử đó sẽ được gọi là máy chủ bóng -, tất cả các phần tử con của máy chủ bóng được đánh dấu bằng khe thuộc tính (không giống như đã nói ở trên
Shadow DOM, khi viết bài viết này (tháng 7 năm 2017), là chỉ được hỗ trợ trong các trình duyệt dựa trên WebKit và Blink nhưng bạn có thể kiểm tra trạng thái hỗ trợ trình duyệt thực tế trên CanIUse bất cứ lúc nào.
Thiết lập HTML
Vẫn còn nhầm lẫn? Hãy xem một số mã, bắt đầu với thành phần.
Phía trong Bên trong mẫu, Tôi cũng đã thêm một số phong cách cơ bản cho bảng, sử dụng , có một tốt sử dụng như một kế hoạch chi tiết cho tạo một số bảng sẽ được thêm vào một tài liệu. Có
và ) đóng vai trò giữ chỗ cho các tiêu đề cột và giá trị ô. Mỗi khe có một điểm duy nhất Tên thuộc tính đó xác định nó.