简体   繁体   English

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

[英]How to check if parent element in html is specific tagname (e.g. span) using Javascript

I need to check if the parent element is a span. 我需要检查父元素是否是span。 How can I do that using Javascript (not JQuery)? 我怎么能用Javascript(而不是JQuery)呢?

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

alert( isParentSpan );

Remember that .nodeName returns an UPPERCASE string (with some exceptions). 请记住.nodeName返回一个UPPERCASE字符串(有一些例外)。 It's safest to toLowerCase() when you compare. 比较时toLowerCase()是最安全的。

http://ejohn.org/blog/nodename-case-sensitivity/ 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/ http://jsfiddle.net/TT6jr/

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何检查HTML元素是否没有用JavaScript面对用户的数据(例如文本或图片)? - How to check if an HTML element has no user facing data (e.g. text or pictures) in javascript? 如何在特定的JavaScript代码中加载外部HTML页面? 例如,在JS函数中 - How to load an external HTML page within a specific JavaScript code? E.g. Within a JS function 如何创建文本并将文本追加到现有元素(例如,空跨度)? - How to createText and append text to an existing element e.g. empty span? 是否可以自动获取网页的一部分的屏幕截图(例如,由CSS选择器或HTML父元素表示)? - Is it possible to automate taking a screenshot of a portion of a Web page (e.g., denoted by a CSS selector or HTML parent element)? 如何检查2位小数? 例如2.2.10 - how to check 2 decimals? E.g. 2.2.10 如何使用 jQuery/普通旧 javascript 更改元素(例如 h1 -> h2)? - How do I change an element (e.g. h1 -> h2) using jQuery / plain old javascript? 如何使用JavaScript测试xml中是否存在特定标记名 - How to test if there is a specific tagname in xml using javascript 查询任意 html 元素,例如查看它是否被禁用,使用shinyjs - query an arbitrary html element, e.g. to see if it is disabled, with shinyjs 单击时如何使用Javascript(而非jQuery)获取元素的属性(例如标题)? - How to get the attribute (e.g., title) of an element when clicked on, with Javascript (not jQuery)? 如何将数组元素与innerHTML连接? 例如element [0] .innerHTML - How to connect array element with innerHTML? e.g. element[0].innerHTML
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM