HTML中的ID和类之间的区别
在HtmlDOM中,id和class都是元素选择器,用于基于分配给这些参数的名称来标识元素。
以下是Id和Class之间的重要区别。
InHtmlforanelementIDnamestartswiththe“#”symbolfollowedbyauniquenameassignedtoit.
OnlyoneIDselectorcanbeattachedtoanelement.
Idisuniqueinapageandcanonlyapplytoatmostoneelement
Id与类的示例
Id.html
<!DOCTYPE html> <html> <head> <title> Id demo </title> <style> #idDemo{ color:green; font-size:25px; } </style> </head> <body style="text-align:center"> <h1>Get element by Id</h1> <p id="idDemo">Demo for Id selector</p> </body> </html>
Class.html
<!DOCTYPE html> <html> <head> <title> Class demo </title> <style> .classDemo{ color:orange; font-size:25px; } </style> </head> <body style="text-align:center"> <h1>Get element by class</h1> <p class="classDemo">Demo for class selector</p> </body> </html>