0

总而言之，我正在使用 javascript 开发一个小型库，它将用指定来源的内容替换 <div src="somesite"></div>。这将允许编码人员创建动态页面，而无需在服务器端做更多工作，而无需使用 iframe。

我需要的是一种有效的方法来获取具有 src 属性的分支的最顶层 div 节点。例如：

<div src="somesite/pagelet.htm" id="div1">
    <div src="somesite/fallback.htm" id="div2"></div>
</div>
<div src="somesite/pagelet2.htm" id="div3"></div>

我想检索 #div1 和 #div3 并忽略 #div2 直到稍后。目前我正在使用以下功能，但我想知道是否有更有效的方法来做到这一点：

function getRootElementsByAttribute(rootEle, tag, attr) {
    try {
        tag = tag.toLowerCase();
        if (rootEle.tagName.toLowerCase() === tag && rootEle.hasAttribute(attr)) {
            return [rooEle]
        }
        var eles = rootEle.getElementsByTagName(tag),
            nodes = [], ele, isRoot, eleParent, a;

        for (a=0; a<eles.length; a++) {
            ele = eles[a];
            if (ele.hasAttrinute(attr)) {
                isRoot = true;
                eleParent = ele;
                while ((eleParent = eleParent.parentNode)) {
                    if (eleParent.tagName.toLowerCase() === 'div' && eleParent.hasAttribute(attr)) {
                        isRoot = false;
                        break;
                    }
                }
                if (isRoot == true) nodes.push(ele)
            }
        }
    }catch(e){}
    return nodes;
}

请不要有建议使用图书馆的答案。当它只用于这个单一功能时，导入整个库似乎有点过头了

4

1 回答 1

0

您可以尝试使用 XPath 表达式来获取具有属性源的所有根 div，使用类似于以下 XPath 表达式的内容：

/div[@src]

/div 选择根级别的所有 div。对于文档中的所有 div，使用 //div。[@src] 指定您只需要具有 'src' 属性的节点。

var xmlDoc = //load your document here
var xpath  = "/div[@src]"
var nodes  = xmlDoc.evaluate(xpath, xmlDoc, null, XPathResult.ANY_TYPE,null);
于 2012-08-18T15:54:52.637 回答