Demo tổng hợp html()
RUN
<!DOCTYPE html> <html> <head> <title>Đổi màu nhé</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script language="javascript" src="http://code.jquery.com/jquery-2.0.0.min.js"></script> <style> #content1{ height: 200px; background:red } #content2{ height: 200px; background:yellow } </style> <script language="javascript"> $(document).ready(function() { $('#button').click(function(){ // Lấy nội dung var content1 = $('#content1').html(); var content2 = $('#content2').html(); // Thực hiện đổi nội dung $('#content1').html(content2); $('#content2').html(content1); }); }); </script> </head> <body> <div id="content1"> <h1>Chào mừng các bạn</h1> </div> <div id="content2"> <h1>Đến với <a href="https://freetuts.net">freetuts.net</a></h1> </div> <input type="button" value="Hoán đổi nội dung" id="button"/> </body> </html>
PHÓNG TO