$get() == document.getElementById()

$get() == document.getElementById()只有原始和封装的区别。getElementById 是基本上每种封装最终都要调用到的。

alert($get) 就可以看到这个函数的代码，我详细注释了一下贴给你参考：

 

// 功能：搜索一个指定 id 的 HTML 元素。
// 参数含义：
// id: 元素的 id
// element: 可选参数，如果提供了，则代表要从哪个元素开始搜索它的子节点 DOM 树，
//      这里会涉及到一个对 DOM 树的递归遍历。
//      如果未提供此参数，则直接从 document 中根据指定的 id 查找对象。
function Sys$UI$DomElement$getElementById(id, element) {
    // 验证参数的有效性

    /// <param name="id" type="String"></param>
    /// <param name="element" domElement="true" optional="true" mayBeNull="true"></param>
    /// <returns domElement="true" mayBeNull="true"></returns>
    var e = Function._validateParams(arguments, [
        {name: "id", type: String},
        {name: "element", mayBeNull: true, domElement: true, optional: true}
    ]);
    if (e) throw e;

    // 没有传递第二个参数的情况下，直接根据 id 让 document 去查找就可以了。
    if (!element) return document.getElementById(id);
    // element 可能具有 getElementById 方法，为什么这么判断，因为它也可以是一个 document 对象。
    // 比如你要获取父窗体页面中的指定 id 的对象，就可以:
    // $get("someId", parent.document);
    if (element.getElementById) return element.getElementById(id);

    var nodeQueue = [];
    var childNodes = element.childNodes;
    // 收集 element 的所有元素子节点到一个队列中
    for (var i = 0; i < childNodes.length; i++) {
        var node = childNodes[i];
        // nodeType 为1的是 element, 为3的是 text.
        if (node.nodeType == 1) {
            nodeQueue[nodeQueue.length] = node;
        }
    }
    // 依次从队列中查找元素是否满足 id 的条件（注意：在此过程中队列会动态增减），
    // 直到队列为空（表示所有都查找过了）。
    while (nodeQueue.length) {
        // 将头部的元素出队列
        node = nodeQueue.shift();
        // 判断其 id 是否等于要找的 id, 找到则返回
        if (node.id == id) {
            return node;
        }
        // 否则，开始遍历到下一层。将 node 的子元素进队列（从尾部进入）
        childNodes = node.childNodes;
        for (i = 0; i < childNodes.length; i++) {
            node = childNodes[i];
            if (node.nodeType == 1) {
                nodeQueue[nodeQueue.length] = node;
            }
        }
    }
    // 各种办法都找遍了，找不到只好返回 null
    return null;
}

$get 遍历 DOM 树还有一层意义，就是一个 html 文档里 id 是可以重复的，在某种情况下遍历 DOM 查找对比能够区分开重复 id 的元素。比如考虑下面的例子，两个 alert 的结果是不一样的：

<SCRIPT LANGUAGE="JavaScript">
    function mytest(){
        alert($get("test").innerHTML);
        alert($get("test", $get("div2")).innerHTML);
    }
</SCRIPT>

<div id="div1">
    <div id="test">test1</div>
</div>
<div id="div2">
    <div id="test">test2</div>
</div>

<button onclick="mytest()">mytest</button>