Ví dụ về thuộc tính data-* Code: <!DOCTYPE html> <html> <head> <script> function showDetails(animal) { var animalType = animal.getAttribute("data-animal-type"); alert(animal.innerHTML + " là một loại " + animalType + "."); } </script> </head> <body> <h1>Loài vật</h1> <p>Nhấn vào tên dưới đây để biết là loài vật gì:</p> <ul> <li onclick="showDetails(this)" id="owl" data-animal-type="chim">Owl</li> <li onclick="showDetails(this)" id="salmon" data-animal-type="cá">Salmon</li> <li onclick="showDetails(this)" id="tarantula" data-animal-type="nhện">Tarantula</li> </ul> </body> </html> Kết quả:
WebVN Cộng đồng web Việt Nam