Javascript HTML如何获取父组件的id？_Javascript_Html_Parent Child_Parentid

Javascript HTML如何获取父组件的id？

javascript html

Javascript HTML如何获取父组件的id？,javascript,html,parent-child,parentid,Javascript,Html,Parent Child,Parentid,我想使用javascript获取父标记的id。在本例中，文本“stackoverflow”的父id为“sofsite”，而“this”的父id为“sofbody” 这是。请参阅。您只需访问clicked element parentNode属性，然后继续向上搜索，直到找到一个与您要查找的id匹配的元素这是一把小小提琴如果文本“stackoverflow”在页面上多次出现，在具有不同ID的组件内部，该怎么办？ <body id = 'sofbody'> This

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


这是。

请参阅。

您只需访问clicked element parentNode属性，然后继续向上搜索，直到找到一个与您要查找的id匹配的元素

这是一把小小提琴

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

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

var parentid = textnode.parentNode.id;

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);
        };
    };
};