Lớp giả CSS :empty
đại diện cho bất kỳ phần tử nào không có phần tử con. Trẻ em có thể là nút phần tử hoặc văn bản [bao gồm cả khoảng trắng]. Nhận xét, hướng dẫn xử lý và CSS content
không ảnh hưởng đến việc một phần tử có được coi là trống hay không
Ghi chú. Trong , lớp giả :empty
đã được thay đổi để hoạt động giống như lớp :-moz-only-whitespace
, nhưng hiện chưa có trình duyệt nào hỗ trợ điều này
:empty
I will be pink.
body {
display: flex;
justify-content: space-around;
}
.box {
background: pink;
height: 80px;
width: 80px;
}
.box:empty {
background: lime;
}
Công nghệ hỗ trợ chẳng hạn như trình đọc màn hình không thể phân tích nội dung tương tác trống. Tất cả nội dung tương tác phải có tên có thể truy cập, được tạo bằng cách cung cấp giá trị văn bản cho thành phần chính của điều khiển tương tác [neo, nút, v.v. ]. Các tên có thể truy cập hiển thị điều khiển tương tác với , một API truyền đạt thông tin hữu ích cho các công nghệ hỗ trợ
Văn bản cung cấp tên có thể truy cập của điều khiển tương tác có thể được ẩn bằng cách loại bỏ nó một cách trực quan khỏi màn hình nhưng giữ cho nó có thể phân tích cú pháp bằng công nghệ hỗ trợ. Điều này thường được sử dụng cho các nút chỉ dựa vào một biểu tượng để truyền đạt mục đích
Để xóa Kiểu nội tuyến của div bằng JavaScript, hãy tham chiếu đến phần tử div và gán giá trị chuỗi trống cho thuộc tính element.style
Ghi chú. Giải pháp này chỉ xóa kiểu nội tuyến. Mọi kiểu toàn cầu sử dụng biểu định kiểu sẽ được áp dụng cho phần tử
Phương thức này loại bỏ không chỉ các phần tử con [và các phần tử con khác] mà còn loại bỏ bất kỳ văn bản nào trong tập hợp các phần tử phù hợp. Điều này là do, theo đặc tả DOM, bất kỳ chuỗi văn bản nào trong một phần tử đều được coi là nút con của phần tử đó. Hãy xem xét HTML sau
1
2
3
4
Hello
Goodbye
Chúng tôi có thể nhắm mục tiêu bất kỳ yếu tố nào để loại bỏ
1
$[ ".hello" ].empty[];
Điều này sẽ dẫn đến cấu trúc DOM với văn bản Hello
bị xóa
1
2
3
4
Goodbye
Nếu chúng ta có bất kỳ số lượng phần tử lồng nhau nào bên trong Để tránh rò rỉ bộ nhớ, jQuery xóa các cấu trúc khác như trình xử lý dữ liệu và sự kiện khỏi các phần tử con trước khi tự xóa các phần tử đó Nếu bạn muốn xóa các phần tử mà không phá hủy dữ liệu hoặc trình xử lý sự kiện của chúng [để có thể thêm lại chúng sau này], hãy sử dụng .detach[]
để thay thếLàm cách nào để tạo một div trống trong JavaScript?
Làm cách nào để đặt phần tử trống trong JavaScript?
Có ổn không khi có một div trống?
Bạn có thể tắt div trong JavaScript không?
Chủ Đề