DOM中的四个方法

• getElementById()方法
  DOM提供了一个名为getElementById()的方法，这个方法将返回一个与那个有着给定id属性值的元素节点相对应的对象。

  getElementById()方法只有一个参数：你想获得的那个元素的id属性值，这个id值必须放在单引号或双引号里。
  例如：

  document.getElementById("purchases")

   

  事实上，文档中的每一个元素都对应着一个对象。利用DMO提供的方法，我们可以把与这些元素相对应的任何一个对象筛选出来。

• getElementsByTagName()方法
  getElementsByTagName()方法将返回一个对象数组，每个对象分别对应着文档里有着给定标签的一个元素。

  getElementsByTagName()方法允许我们把一个通配符当中它的参数，而这意味着文档里的每个元素都将在这个函数所返回的数组里占有一席之地。

  alert(document.getElementsByTagName("*").length)

   

• getAttribute()方法

  在找到那个元素后，我们就可以利用getAttribute()方法把它的各种属性的值查询出来。
  不过getAttribute()方法不能通过document对象调用，我们只能通过一个元素节点对象调用它。

  例如，可以把它与getElementsByTagName()方法结合起来，去查询每个<p>元素的title属性，如下所示：

  var paras = document.getElementsByTagName("p");
  for(var i=0; i < paras.length; i++){
      alert(paras[i].getAttrbute("title"));
  }

   

• setAttribute()方法
  setAttribute()方法与它们有一个本质上的区别：它允许我们对属性节点的值做出修改。

  setAttribute()方法也是一个只能通过元素节点对象调用的函数，但是setAttribute()方法需要我们向它传递两个参数：

  object.setAttribute(attribute,value)