HTML如何获取父组件的ID?

时间:2012-05-01 15:39:57

标签: javascript html parent-child parentid

我想使用javascript获取父标记的id。在此示例中,文本“stackoverflow”的父标识为“sofsite”,父标识“This”为“sofbody”。

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

2 个答案:

答案 0 :(得分:2)

var parentid = textnode.parentNode.id;

请参阅docs for parentNode

答案 1 :(得分:0)

您需要做的就是访问点击的元素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);
        };
    };
};​