Jak sprawdzić, czy element nadrzędny w html jest w zasięgu przy użyciu Javascriptu

Question

Muszę sprawdzić, czy element nadrzędny jest rozpiętością. Jak mogę to zrobić za pomocą JavaScript (nie JQuery)?

Answer 1

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

Answer 2

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

alert(isParentSpan); 

Answer 3

Pamiętaj, że .nodeName zwraca napis wielkimi literami (z pewnymi wyjątkami). Najtańszym rozwiązaniem jest toLowerCase() podczas porównywania.

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/