获取元素的方法

1.通过css里面定义ID 或者 class来获取元素

2.通过javascript里面的功能来获取：

 getElementById：返回一个对象

getElementByTagName：返回一个对象数组

getElementByClassName

getElementByTagName方法获取的是一个选定标签的节点列表数组，例x=document.getElementByTagName("p") , x[0]是第一个p元素节点，x[1]是第二个p元素节点

为了简化书写：

var items = document.getElementByTagName("p") ;

3.使用document.getElementByTagName("*")来获取所有元素，如想获取一个列表里面的所有元素

var x= document.getElementById("ulName") ;

var y= x.getElementByTagName("*") ;

这时候y是一个列表，即ulName下的所有元素

4.获取和修改对象的属性（属性总是被放在起始标签里面）

获取对象的属性：object.getAttribute("属性名")

var x = document.getElementByTagName("p") ; 

p[0].getAttribute("title");

改变对象的属性：object.setAttribute("属性名"，value)

p[0].setAttribute("title","purchases list"); 等价于 p[0].title="purchases list"

5.childNode

childNode属性返回一个数组，包含给定元素节点的全体子节点（包含属性、元素、文本节点）

var body_element = document.getElementByTagName ("body")[0];

body_element.childNodes

6.nodeType属性

node.nodeType

alert(body_element.childNodes);

元素节点的nodeType属性值为1；

属性节点的nodeType属性值为2；

文本节点的nodeType属性值为3；

可以通过nodeType对某种特定类型的节点进行处理

7.nodeValue属性

node.nodeValue用于检索（和设置）节点的值

<p id="description">Choose an image.</p>

alert(description.nodeValue);

返回一个空值

我们需要返回的是<p>元素所包含的文本的值，即p中文本节点的nodeValue，必须检索它的第一个子节点的nodeValue属性值

alert(description.childNodes[0].nodeValue);

这时才会返回”Choose an image.“

8.firstchild和lastchild属性

node.firstchild 等价于 node.childNodes[0]

node.lastchild等价于node .childNodes[node.childNodes.lenth-1]

9.jQuery获取

var x = $("#testDiv");获取id为testDiv的元素

等价于 var x = document.getElementById("testDiv");