如何使用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/