1.getElementById

返回一个与那个有着给定id属性值的元素节点对应的对象。
getElementById方法只有一个参数:你想获得的那个元素的id属性的值,这个id值必须放在单引号或者双引号里。

  1. <p id="title">hello world</p>
  2. var name=document.getElementById("title")

2.getElementsByTagName

返回一个对象数组,每个对象数组分别对应着文档里有着给定标签的一个元素。他的参数是标签的名字

  1. <ul>
  2. <li>hello</li>
  3. <li>world</li>
  4. </ul>
  5. var list=document.getElementsByTagName("li")

3.getElementsByClassName

返回一个对象数组,具有相同类名的元素的数组。

  1. <p class="name">hello world</p>
  2. var text=document.getElementsByClassName("name")

如果要查找带哟多个类名的元素,只要在字符串参数中用空格分隔类名即可。

  1. <p class="name sale">hello world</p>
  2. var text=document.getElementsByClassName("name sale")