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

Question

我需要检查父元素是否为span。我怎么能用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返回一个UPPERCASE字符串（有一些例外）。比较时toLowerCase（）是最安全的。

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

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/