- 根据id属性的值获取元素,返回来的是一个元素对象:
document.getElementById('id属性的值')
2.根据标签名字获取元素,返回来的是一个伪数组,里面保存了多个DOM对象:
document.getElementsByTagName('标签名字')
3.根据name属性的值获取元素, 返回来的是一个伪数组,里面保存了多个DOM对象(多用于表单标签中):
document.getElementsByName('name属性的值')
4.根据类样式的名字来获取元素, 返回来的是一个伪数组,里面保存了多个DOM对象:
document.getElementsByClassName('类样式的名字')
5.根据选择器获取元素,返回来的是一个元素对象:
document.querySelector('选择器的名字')
6.根据选择器获取元素,返回来的是一个伪数组,里面保存了多个DOM对象:
document.querySelectorAll('选择器的名字')
7.恢复到这个标签默认的颜色:
this.style.backgroundColor="";
TIPS:
API:工具或者方法
点击事件的优先级高于超链接的链接跳转
if.....else..表达式可以转换成选择表达式:表达式?值1:值2(如果表达式的值为true,则执行值1,反之执行值2 )
鼠标显示形状属性,cursor