<html> <head> </head> <body> <div id="List"> <p>Chelsea !!!</p> <p>Manchester UTD !!!</p> <p>Manchester City !!!</p> <p>Arsenal !!!</p> <p>Tottenham !!!</p> </div> <script> // lấy danh sách các thẻ <p> nằm trong thẻ có id="List" var ListName = document.querySelectorAll("#List p"); // lặp qua từng đối tượng trong danh sách for(var i = 0; i < ListName.length; i++){ // gán sự kiện khi di chuột vào ListName[i].onmouseover = function (){ // đổi màu thành đỏ this.style.color = 'red'; } // gán sự kiện khi di chuột ra ListName[i].onmouseout = function (){ // đổi màu thành đen this.style.color = 'black'; } } </script> </body> </html>