WEB API（二）-----具体操作DOM

1. 根据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