Javascript:获取父节点名称

Ada*_*dam 2 javascript text parent range

当我用光标在文本上时,如何获取文本的父nodeName?

<div id="holder" contentEditable="true">
    Stackoverflow is the <b>coolest</b> Q&A website in the world.
</div>
Run Code Online (Sandbox Code Playgroud)

结果我们有:

  • Stackoverflow是世界上最酷的问答网站.

所以,如果光标在,coolest我想得到它的父nodeNameb

请不要图书馆,只需要纯粹的javascript.

mVC*_*Chr 7

if (document.addEventListener) {
    document.getElementById('holder').addEventListener('mouseover', function (e) {
        somevar = e.target.nodeName;
    }, false);
} else {
    document.getElementById('holder').attachEvent('onmouseover', function (e) {
        somevar = e.srcElement.nodeName;
    });
}
Run Code Online (Sandbox Code Playgroud)

编辑:根据问题编辑和评论更新代码和示例.

见例子.

  • @CIRK:使用`mouseover`和`onmouseover`更改`click`&`onclick`,并将`.tagName`更改为`.nodeName`,以上内容应该为您提供所要求的内容:) (2认同)