Làm cách nào để lưu trữ dữ liệu trong phần tử HTML?
|
Trong bài viết này chúng ta sẽ tìm hiểu cách lưu trữ dữ liệu vào DOM. Bạn có thể sử dụng thuộc tính data-* để lưu trữ dữ liệu hoặc thông tin trên DOM. Các thuộc tính data-* có thể được sử dụng để xác định các thuộc tính dữ liệu tùy chỉnh của riêng chúng tôi. Nó được sử dụng để lưu trữ dữ liệu tùy chỉnh ở chế độ riêng tư cho trang hoặc ứng dụng Show Chủ yếu có 2 phần của Thuộc tính dữ liệu
cú pháp Ghi chú
ví dụ 1 HTML
$(selector).data(para1);0 <___$(selector).data(para1);2 $(selector).data(para1);3 $(selector).data(para1);2 >$(selector).data(para1);0 <___$(selector).data(para1);8 $(selector).data(para1);9
$(selector).data(para1);0 <1$(selector).data(para1);8 >
$(selector).data(para1);0 <$(selector).data(para1);2 body9$(selector).data(para1);2 >$(selector).data(para1);0 <___$(selector).data(para1);8 $(selector).data(para1);9
$(selector).data(para1);0 <1$(selector).data(para1);8 >
$(selector).data(para1);0 <$(selector).data(para1);2 div5$(selector).data(para1);2 >$(selector).data(para1);0 <___$(selector).data(para1);8 $(selector).data(para1);9
$(selector).data(para1);0 <1$(selector).data(para1);8 >
$(selector).data(para1);12 >$(selector).data(para1);0 $(selector).data(para1);15 $(selector).data(para1);16_______1_______17
$(selector).data(para1);19
$(selector).data(para1);21 $(selector).data(para1);0 $(selector).data(para1);23
$(selector).data(para1);32 >đầu ra  ví dụ 2 Bạn cũng có thể sử dụng phương thức data() trong jQuery để lưu trữ Dữ liệu trên DOM, đây là một phương thức sẵn có trong jQuery được sử dụng để đính kèm dữ liệu hoặc lấy dữ liệu cho các phần tử đã chọn cú pháp $(selector).data(para1); HTML
$(selector).data(para1);32 >
$(selector).data(para1);38 >
$(selector).data(para1);12 $(selector).data(para1);43 $(selector).data(para1);16_______1_______45
$(selector).data(para1);52 >$(selector).data(para1);0 $(selector).data(para1);55 $(selector).data(para1);16_______1_______57 $(selector).data(para1);16_______1_______59 $(selector).data(para1);16_______1_______61 $(selector).data(para1);16_______1_______63 $(selector).data(para1);16_______1_______65 $(selector).data(para1);0 $(selector).data(para1);23
$(selector).data(para1);0 $(selector).data(para1);69 $(selector).data(para1);70 $(selector).data(para1);71 $(selector).data(para1);0 $(selector).data(para1);23
$(selector).data(para1);38 >
$(selector).data(para1);0 $(selector).data(para1);89 $(selector).data(para1);0 <___$(selector).data(para1);92 $(selector).data(para1);93 $(selector).data(para1);92 $(selector).data(para1);95 $(selector).data(para1);92 $(selector).data(para1);93_______1_______92 $(selector).data(para1);99 Bạn có thể lưu trữ dữ liệu trong HTML không?Lưu trữ web HTML cung cấp hai đối tượng để lưu trữ dữ liệu trên máy khách. cửa sổ. localStorage - lưu trữ dữ liệu không có ngày hết hạn . cửa sổ .
Làm cách nào để lưu trữ dữ liệu trong thẻ HTML?Câu trả lời rõ ràng ngay lập tức là sử dụng các thuộc tính trên phần tử. . Đặt dữ liệu vào thuộc tính id Đặt dữ liệu vào thuộc tính tùy ý Đặt dữ liệu trong thuộc tính lớp Đặt dữ liệu của bạn vào một thẻ khác Làm cách nào để lấy dữ liệu trong HTML?Thuộc tính phương thức chỉ định cách gửi dữ liệu biểu mẫu (dữ liệu biểu mẫu được gửi đến trang được chỉ định trong thuộc tính hành động). Dữ liệu biểu mẫu có thể được gửi dưới dạng biến URL (với method="get" ) hoặc dưới dạng giao dịch bài đăng HTTP (với method="post" ) . Ghi chú về NHẬN. Nối dữ liệu biểu mẫu vào URL theo cặp tên/giá trị.
Làm cách nào để sử dụng các thuộc tính dữ liệu trong HTML?Để lấy thuộc tính dữ liệu thông qua đối tượng tập dữ liệu, lấy thuộc tính theo phần tên thuộc tính sau data- (lưu ý rằng dấu gạch ngang . Mỗi thuộc tính là một chuỗi và có thể được đọc và viết. Trong trường hợp trên thiết lập bài viết. tập dữ liệu. cột = 5 sẽ thay đổi thuộc tính đó thành "5". |
