HTML如何获取父组件的ID？答案

【问题标题】：HTML How to get id of parent Component?HTML如何获取父组件的ID？
【发布时间】：2012-05-11 02:57:51
【问题描述】：

我想使用 javascript 获取父标签的 id。在本例中，文本“stackoverflow”的父 id 为“sofsite”，“This”的父 id 为“sofbody”。

 <body id = 'sofbody'>
      This is <a href = "www.stackoverflow.com" id = "sofsite">stackoverflow</a>.
 </body>

【问题讨论】：

如果文本“stackoverflow”在页面上多次出现在具有不同 ID 的组件内部怎么办？

标签： javascript html parent-child parentid

【解决方案1】：

var parentid = textnode.parentNode.id;

见docs for parentNode。

【讨论】：

【解决方案2】：

您需要做的就是访问 clicked 元素的 parentNode 属性并继续向上，直到找到与您所追求的 id 匹配的一个。

这是一个小小提琴http://jsfiddle.net/8aPnq/

var parent, elem, id = 'sofbody',
    a = document.getElementById('sofsite'),
    found = false;

a.onclick = function(ev) {

    ev.preventDefault();

    while (!found) {
        parent = parent ? parent.parentNode : ev.target.parentNode;
        if (parent.id === id) {
            elem = parent;
            found = true;
            console.log(elem);
        };
    };
};

【讨论】：