获取页面中的节点的方法(方法一)

当一个html文本被dom解析后,加载进内存,就是一个dom树.

每个标签都是一个节点,为了操作某个节点,前提就是要先获取该节点对象.

最常见的操作无非就是获取页面中的节点.

document对象作为html文档对象,可以获取页面中任意一个节点.

获取节点方法如下:

getElementById():通过标签的id属性值来获取该标签节点对象.该方法返回的是一个节点对象,因为一般情况下,ID是唯一的.不是所有的标签都要定义id属性,这样太麻烦.只有大的区域,获取特殊区域,为了方便操作,才定义ID属性.

getElementByName():通过标签的name属性值来获取节点对象.返回的是一个节点数组.

getElementByTagName():通过标签名称获取节点对象,返回的是节点数组.

节点都具备三个属性:

1,节点名称nodeName

2,节点类型nodeType

3,节点值 nodeValue

例子:

var tabNode =document.getElementById("tabid");//通过id获取节点,

tabNode.border=1;     tabNode.borderColor = "blue";//设置节点的属性

tabNode.setAttribute("borderColor","blue");//通过Attribute方法设置属性的值

 

var textNode =document.getElementsByName("user");//通过name属性获取值,返回

alert(textNode[0].type);//.value                      //的是数组

var nodes = document.getElementsByName("gender");

       for(var x = 0 ; x <nodes.length ; x++ ){alert(nodes[x].value);}

                                                            //返回数组

var divNode = document.getElementsByTagName("div")[0];//通过标签名获取节点

        alert(divNode.innerText);//innerText代表标签内封装的文本数据

   divNode.innerText= "hahahhahahaha";//修改标签的数据