Ẩn và hiện thẻ div bằng Javascript
RUN
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Javascript Example</title> </head> <body> <h2>Ẩn và hiện thẻ div bằng Javascript</h2> <p>Sử dụng Javascript để thay đổi thuộc tính display:none để ẩn và display:block để hiển thị thẻ div</p> <div id="content" style="border: solid 1px; padding: 20px; background: #ddd;"> Nội dung thẻ div: Chào mừng bạn đến đến với webiste học lập trình <a href="https://freetuts.net" title="học lập trình">freetuts.net</a> </div> <br/> <input type="button" id="btn1" value="Ẩn"/> <input type="button" id="btn2" value="Hiển Thị"/> <script language="javascript"> document.getElementById("btn1").onclick = function () { document.getElementById("content").style.display = 'none'; }; document.getElementById("btn2").onclick = function () { document.getElementById("content").style.display = 'block'; }; </script> </body> </html>
PHÓNG TO