Đặt div javascript trố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

<div class="box">div>
<div class="box">I will be pink.div>
<div class="box">
  
div>
<div class="box">
  <p>
    
  p>
div>

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

<div class="container">
  <div class="hello">Hellodiv>
  <div class="goodbye">Goodbyediv>



div>

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

<div class="container">
  <div class="hello">div>
  <div class="goodbye">Goodbyediv>
div>

Nếu chúng ta có bất kỳ số lượng phần tử lồng nhau nào bên trong