<html> <body> <div id="content"> <p>Chelsea</p> <p>Manchester UTD</p> <p>Arsenal</p> </div> <input type="button" value="Thay thế Nodes" id="edit"/> <script language="javascript"> // Lấy button var button = document.getElementById("edit"); // Thêm sự kiện click cho button button.addEventListener("click", function(){ // Tạo một node mới var newNode = document.createElement("p"); // thêm nội dung cho thẻ p mới tạo // có thể dùng innerHTML để thêm thay vì createTextNode newNode.innerHTML = "Manchester City"; // Lấy thẻ cần edit, ở đây là thẻ p đầu tiên var Node_name = document.querySelector("div p"); // thay thê node đầu tiên bằng node mới document.getElementById("content").replaceChild(newNode, Node_name); // đưa ra thông báo alert("Bạn đã thay thế " + Node_name.innerHTML + " Bằng : " + newNode.innerHTML); }); </script> </body> </html>