1.获取元素getElementById()方法，通过元素的Id获取元素，接受一个参数，即获取元素的id，如果这个id不存在，则返回null。注意不要使表单元素的名称与其他元素的id相同。E8以下的IE浏览器可以通过这种方式通过名称属性获取这个元素。以下面的元素为例。div id='mydiv '这里是id为" myDiv "/div vardocument . getelementbyid(' myDiv ')的div内容；//“myDiv”区分大小写，获取Div元素的引用getElementsByTagName()方法，通过元素的标记名获取元素，接受一个参数，即获取元素的标记名，返回包含0个以上的NodeList复制代码如下： var Images=document . getElementsByTagName(' img ')；//获取页面中所有img元素alert(images . length)；//图像警报数量(图像[0]。src)；//第一个图像元素的src警报(图像。项目(0)。src)；//与getElementsByName()方法相同，通过元素的名称属性获取元素，接受一个参数，即获取元素的名称属性。常用来获取单选按钮的复制代码如下： ul Li input type=' radio ' name=' color ' value=' red ' id=' colored ' label for=' colored '/label/Li Li input type=' radio ' name=' color ' value=' green ' id=' color green ' label for=' color green '/label/Li Li Li input type=' radio ' name=' color ' value=' blue ' id=' color blue ' label for=' color blue '/label/Li/ulvar radio=document。//获取name='color '的所有单选按钮。2.获取元素子节点或元素子节点及其后代。复制代码如下：ul id=' my list' liproject一/Li liproject二/Li liproject三/li /ul注意：IE认为ul元素有三个子元素，分别是三个元素，而其他浏览器认为ul元素有七个子元素。包括3个元素和4个文本节点，如果ul在一行中：ul id=' my list ' Li project 1/Li project 2/Li project 3/Li/ul，任何浏览器都认为有3个子节点来获取元素：的子节点。复制代码如下： varul=document . getelementbyid(' my list ')；for (var i=0，len=ul . child nodes . length；我透镜；I) {if (ul。长度[I]。nodetype==1) {//nodetype==1表示该节点是元素节点，而不是文本节点。//做一些操作}}获取元素的子节点及其后代节点3360。复制代码如下： varul=document . getelementbyid(' my list。var items=ul . getelementsbytagname(' Li ')；//李中李中也将获得。3通过节点属性查找其他节点。下一个同级属性指向当前节点的下一个同级节点。previousSibling属性指向当前节点的前一个同级节点。firstChild属性指向第一个子节点。LastChild指向最后一个子节点childNodes保存所有子节点(实际上是NodeList对象)，可以通过方括号访问，比如someNode.childNodes[0]，访问第一个子节点。parentNode属性和父节点的关系如下：。

NodeList是一个数组对象。我们可以把它转换成一个数组。功能如下。复制代码如下：函数转换为数组(节点){ Vararry=null尝试{ array=array . prototype . slice . call(节点，0)；} catch(ex){ Array=new Array()；for (var i=0，len=nodes.length伊琳；I){ array . push(nodes[I])；} }返回数组；} var div=document . getelementbyid(' side ')；alert(converToArray(div . childnodes))；