Hướng dẫn ẩn hiện trong html
Ở bài hướng dẫn này, bạn sẽ được tìm hiểu cách hiện và ẩn một phần tử HTML.Bấm vào đây để HIỆN phần tử bên dưới Show Bấm vào đây để ẨN phần tử bên dưới Cách hiện và ẩn một phần tử HTMLPhương thức show() dùng để hiện một phần tử HTML Phương thức hide() dùng để ẩn một phần tử HTML
Khi người dùng click vào nút hiện thì phần tử có id là div2 sẽ được hiện lên Khi người dùng click vào nút ẩn thì phần tử có id là div2 sẽ bị ẩn đi
Xem ví dụ Ngoài ra, chúng ta cũng có thể:
Trong đó:
HIỆN/ẨN phần tử chỉ sử dụng tham số time
Xem ví dụ HIỆN/ẨN phần tử chỉ sử dụng tham số callback
Xem ví dụ HIỆN/ẨN phần tử chỉ sử dụng tham số time & callback
Xem ví dụ HIỆN/ẨN phần tử bằng phương thức toggle()Phương thức toggle() dùng để thực hiện luân phiên việc hiện và ẩn phần tử HTML. Ví dụ:
Cách sử dụng tham số "time" và "callback" giống như trong phương thức hide() và show()
Không sử dụng tham số
Xem ví dụ Chỉ sử dụng tham số time
Xem ví dụ Chỉ sử dụng tham số callback
Xem ví dụ Sử dụng tham số time và callback
Xem ví dụ Thuộc tính display dùng để chỉ định phần tử sẽ được hiển thị như thế nào(Ví dụ: ẩn phần tử, hiện phần tử, ép phần tử sang kiểu khối, ép phần tử sang kiểu nội tuyến,....) Kiểu phần tử khối (Block Element)Một phần tử khối luôn được bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng có sẵn (trải dài từ bên trái qua bên phải xa hết mức có thể) Ví dụ: Thẻ sẽ tạo một phần tử khối, nó được bắt đầu ở một dòng mới và có chiều
dài hết mức có thể Dưới đây là một số thẻ có kiểu phần tử khối (block):
|