首先,一个HTML文件中,所有元素的id属性值都应该是唯一的,现在大多数的IDE都有校验功能,如果id重复了会有相应的警告或者错误提示的,这样就可以规避元素的id属性值重复的问题了。根据id获取元素对象,不管是原生js,还是jquery等js库都是最便捷的了,只要保证页面各个元素的id属性值唯一即可。
其次,可以根据class名,HTML标签等获取元素。最后,还可以根据CSS的伪类获取元素,CSS 伪类用于向某些选择器添加特殊的效果。常用的伪类有: :active 向被激活的元素添加样式。 :focus 向拥有键盘输入焦点的元素添加样式。 :hover 当鼠标悬浮在元素上方时,向元素添加样式。
:link 向未被访问的链接添加样式。 :visited 向已被访问的链接添加样式。 :first-child 向元素的第一个子元素添加样式。 :lang 向带有指定 lang 属性的元素添加样式。总结以下,如果通过其他方式能够很方便的选择出我们需要的元素,则可以减少id属性的使用,否则使用id属性,记得id属性值必须唯一。