Javascript: Thay đổi thuộc tính 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 thuộc tính HTML</h2> <div> <img id="hinhanh" src="https://freetuts.net/upload/tut_post/images/2017/03/29/810/quan-ly-ten-mien-trong-direct-admin.gif" alt="Hình ảnh"/> </div> <input type="button" id="btn1" value="Đổi Hình"/> <input type="button" id="btn2" value="Trở về hình cũ"/> <script language="javascript"> var hinh1 = 'https://freetuts.net/upload/tut_post/images/2017/03/29/810/quan-ly-ten-mien-trong-direct-admin.gif'; var hinh2 = 'https://freetuts.net/upload/tut_post/images/2016/09/27/746/typescript-basic-types.gif'; document.getElementById("btn1").onclick = function(){ document.getElementById("hinhanh").src = hinh2; }; document.getElementById("btn2").onclick = function(){ document.getElementById("hinhanh").src = hinh1; }; </script> </body> </html>
PHÓNG TO