①.getElementById()
-
语法: obj= document . getElementById ( sID ) ;
-
参数: sID : 必选项。字符串(String);
-
返回值: obj: 对象(object);
-
②.getElementsByTagName()
-
作用: 通过查找整个 HTML 文档中的任何 HTML 元素,传回指定名称的元素集合;
-
语法: objNodeList = xmlDocument.getElementsByTagName(tagname);
-
//tagname 是一个字符串,代表找到的元素卷标名称,使用tagname "*"传回文件中所有找到的元素;
-
例子: 应用ength 属性来循环遍历节点列表:
-
var x=document.getElementsByTagName("p");
-
for (var i=0;i<x.length;i++)
-
{ // do something with each paragraph }
-
③.getAttribute()
- 作用: 方法通过名称获取属性的值;
- 语法: getAttribute()方法是一个函数,它只有一个参数(你打算查询的属性的名字)
- object.getAttribute(attribute)
注:getAttribute()方法不能通过document对象调用,这与我们此前介绍过的其他方法不同,我们只能通过一个元素节点对象调用它 - 例子: 可以把它与getElementsByTagName()方法结合起来,去查询每个<p>元素的title属性,如下所示:
var text=document.getElementsByTagName("p")
for (var i=0;i<text.length;i++)
{ alert(text[i].getAttribute("title")); }
④.setAttribute()
- 作用: 它允许我们对属性节点的值做出修改;
- 语法: 只能通过元素节点对象调用的函数,但setAttribute()方法需要我们向它传递两个参数:
- obiect.setAttribute(attribute,value)
- 例子: var shopping=document.getElementById("purchases") //把id属性值是purchase的元素检索出来
shopping.setAttribute("title","a list of goods") //把这个元素的title属性值设置为a list of goods