帮助实现我自己的getElementByID（）

我想在Javascript中实现我自己的getElementById（）函数。我的想法/算法是这样的：帮助实现我自己的getElementByID（）

function myGetElemById(id){ 
    // rootNode I suppose will be the BODY tag. 
    rootElem = get elements by TAGNAME (rootNode); 
    elems = rootElems.getChildren(); 
    for(i=0; i<elems.length; i++){ 
     if(!elems[i].hasChildren()){ 
      myGetElemById(elems[i]); 
     } else { 
      if(elems[i].id == id) 
       return elems[i]; 
      else 
       return null; 
     } 
    } 
}

来源

2013-01-25 axiomtheorem

你为什么要实现自己的版本？原生的有什么问题？ –

你不喜欢JQuery选择器？ http://api.jquery.com/category/selectors/ – sdespont

你的目标是什么？ – karthick

方法1：

function myGetElemById(id){ 
    return document.getElementById(id); 
}

方法2：

function myGetElemById(id){ 
    return window[id]; 
}

方法3：（新浏览器）

function myGetElemById(id){ 
    return document.querySelectorAll('#' + id); 
}

DONE！

好吧，严重：

function getById(id, parent, list){ 
    parent = parent || document.body; 
    list = list || []; 

    var l, child, children = parent.children; 

    if(children){ 
    l = children.length; 
    while(l--){ 
     child = children[l]; 
     if(child.id == id) list.push(child); 
     getById(id, child, list); 
    } 
    } 

    return list; 
}

来源

2013-01-25 09:09:51 THEtheChad

第二个是有趣的... –

我不想在浏览器JS范围中使用ant本机方法。我正在努力获取文档元素，然后遍历它们以匹配ID。 – axiomtheorem

退房此功能，也许你能得到的想法

function getElementsStartsWithId(id) { 
    var children = document.body.getElementsByTagName('*'); 
    var elements = [], child; 
    for (var i = 0, length = children.length; i < length; i++) { 
    child = children[i]; 
    if (child.id.substr(0, id.length) == id) 
     elements.push(child); 
    } 
    return elements; 
}

来源

2013-01-25 09:10:30 internoma

首先，你必须处理的要素有孩子，叫myGetElemById（），并选择返回还是不返回，取决于结果。像这样

... 
    if(!elems[i].hasChildren()){ 
     var result = myGetElemById(elems[i]); 
     if (result != null) 
      return result; 
    } else { 
    ...

秒为什么迭代dom的所有元素？本地功能要快得多。

来源

2013-01-25 09:10:50 notXX

我同意。这只是为了理解各种浏览器，它们的性能和数据结构的各种实现。一些使用基于MAP的结构，一些使用TREE。所以我想通过尝试找到一个甜蜜点来实现我自己的功能。尽管已有的JS功能没有任何问题。 – axiomtheorem

帮助实现我自己的getElementByID（）

回答

相关问题