Tiếp tục với mootools từ tháng trước nữa :D . Tuy là từ bài viết trước chẳng ai động viên hay khen ngợi gì, viết tiếp cho vui vậy... Phần 2 sẽ là vui 1 chút với ul li
1. Cách viết mã cũ
Mã HTML
Hồi mới học js mình cũng hay làm trò này, với 1 đoạn js nhỏ thì việc lấy id của từng thẻ li là điều đơn giản. Mã js như sau:
Đó là cách đơn giản, nhưng có vẻ như không phải là chuẩn web bây giờ, vì nó dính mã JS vào trong HTML. Vậy cách bây giờ là thế nào?
2. Cách viết mã mới, xài mootools
Nếu bạn đã include mootools vào trong trang web của mình, vậy thì tại sao phải viết mã như cách trên nữa. Hãy xem mã HTML:
Hãy để ý có 1 chút thay đổi nhỏ, đó là đoạn onclick... đã không còn nữa. Và mã js như sau:
Bạn có thể thấy rõ ở trên tôi dùng getElements() để lấy tất cả thẻ <li> ở trong thẻ <ul> có id là myList. Mỗi lần bạn click vào thẻ <a> ở trong thẻ <li>, bạn sẽ thấy js alert lên id của thẻ <li> như cách trên, hãy nhớ cách dùng addEvent nhé.