getElementById、getElementsByName和getElementsByTagName

1、getElementById()

    方法返回对拥有指定 ID 个对象的引用。

    如果您需要查找文档中的一个特定的元素，最有效的方法是 getElementById()。

在操作文档的一个特定的元素时，最好给该元素一个 id 属性，为它指定一个（在文档中）唯

一的名称，然后就可以用该 ID 查找想要的元素。

2、getElementsByName()
    
    getElementsByName() 方法可返回带有指定名称的对象的集合。
    document.getElementsByName(name)该方法与 getElementById() 方法相似，但是它查询元素的 name

属性，而不是 id 属性。
    另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所以 getElementsByName() 方法返回的是元素的数组，而不是一个元素。

3、getElementsByTagName()

    方法可返回带有指定标签名的对象的集合。
    getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序

节点

根据 DOM，XML 文档中的每个成分都是一个节点。

DOM 是这样规定的：

• 整个文档是一个文档节点
• 每个 XML 标签是一个元素节点
• 包含在 XML 元素中的文本是文本节点
• 每一个 XML 属性是一个属性节点
• 注释属于注释节点

<WAN>
        <IP>192.168.4.250</IP>
        <MASK>255.255.255.0</MASK>
        <GATEWAY>192.168.159.1</GATEWAY>
        <DNS>192.168.1.1</DNS>
        <BACKUPDNS />
        <DHCP>1</DHCP>
        <CONNECTED>1</CONNECTED>
        <STATUS />
</WAN>

var request = false;
request = new XMLHttpRequest();
var xmldoc = request.responseXML;

server= xmldoc.getElementsByTagName("WAN")[0];
        if(server){
        x=server.childNodes;
        for (var i=0;i<x.length;i++)
        {
            if (x[i].nodeType == 1)
            {
                if (x[i].nodeName == "IP" && x[i].firstChild)
                    document.getElementById("ip").value = x[i].firstChild.nodeValue;
                else if (x[i].nodeName == "MASK" && x[i].firstChild)
                    document.getElementById("mask").value = x[i].firstChild.nodeValue;
                .............
            }
        }
}

getElementsByTagName(“WAN”)[0] 返回的是一个数组 【0】 表示取返回数组里面的第一个元素 (第一个)

server.childNodes[i] 属性返回包含被选节点的子节点的 NodeList /  (返回指定元素的子元素集合)。(    ......)

通过nodeType来判断是哪种类型的节点；nodeType==1时是元素节点，2是属性节点，3是文本节点。

firstchild 属性返回被选节点的第一个子节点。（非属性/文本节点）