Javascript: Thay đổi background của thẻ HTML
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>Thay đổi CSS cho thẻ HTML</h2> <div id="content" style="padding: 20px; background: #ddd; color: white; margin: 40px 0px;"> CHÀO MỪNG BẠN ĐẾN VỚI FREETUTS.NET </div> <input type="button" id="btn1" value="Đổi Backgroud màu đỏ"/> <input type="button" id="btn2" value="Đổi Backgroud màu xanh"/> <script language="javascript"> // Lấy 2 button và thẻ div var button1 = document.getElementById("btn1"); var button2 = document.getElementById("btn2"); var div = document.getElementById('content'); // Thiết lập click cho button 1 button1.onclick = function () { div.style.background = "red"; }; // Thiết lập click cho button 2 button2.onclick = function () { div.style.background = "blue"; }; </script> </body> </html>
PHÓNG TO