Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Xóa và thêm thẻ HTML mới với JavaScript?


Để xóa và thêm thẻ HTML mới, dùng hide() và show().

Giả sử các nút:

 

Ẩn/hiện thẻ khi click nút:

$(document).ready(function(){ $("#hide").click(function(){ $("h1").hide(); }); $("#show").click(function(){ $("h1").show(); }); });

Ví dụ

     Document      

Test JavaScript

Chạy: lưu file anyName.html(index.html), chuột phải chọn "Open with Live Server" trong VS Code.

Kết quả

Kết quả đầu ra:

Xóa và thêm thẻ HTML mới với JavaScript?

Trường hợp 1: Click "Click Me To hide above content":

Xóa và thêm thẻ HTML mới với JavaScript?

Trường hợp 2: Click "Click Me To show above content":

Xóa và thêm thẻ HTML mới với JavaScript?