javascript - 如何使用Javascript检查html中的父元素是否是特定的标记名（例如跨度）

Question

我需要检查父元素是否是跨度。我如何使用 Javascript（不是 JQuery）来做到这一点？

Answer 1

element.parentNode.tagName.toLowerCase() == 'span'

Answer 2

var elem = document.getElementById("myElement"),
    isParentSpan = elem.parentNode.tagName === "span";

alert( isParentSpan );

Answer 3

请记住 .nodeName 返回一个大写字符串（有一些例外）。比较时 toLowerCase() 是最安全的。

http://ejohn.org/blog/nodename-case-sensitive/

var el = document.getElementById('test'),
    parent = el.parentElement || el.parentNode,
    parentType = el.parentElement.nodeName.toLowerCase();

if ( 'span' === parentType ) {
    alert('Parent is a span!');
}

http://jsfiddle.net/TT6jr/