element.tagName

最新推荐文章于 2019-10-05 23:01:56 发布
最新推荐文章于 2019-10-05 23:01:56 发布
阅读量1.2k 收藏
点赞数
分类专栏： web javascript 文章标签： dom tagName 返回值大写

概述

返回当前元素的标签名

语法

elementName = element.tagName
  • elementName 是一个字符串,包含了element元素的标签名.

备注

在XML (或者其他基于XML的语言,比如XHTML,xul)文档中,tagName的值会保留原始的大小写. 在HTML文档中, tagName会返回其大写形式. 对于元素节点来说,tagName属性的值和nodeName属性的值是相同的.

例子

假设给定下面的源码

<span id="born">When I was born...</span>

然后运行下面的脚本

var span = document.getElementById("born");
alert(span.tagName);

在XHTML中 (或者其他的XML格式文件中), 会弹出小写的"span".而在HTML中, 会弹出大写的"SPAN".

https://developer.mozilla.org/zh-CN/docs/DOM/element.tagName

ElementName属性使用
dixiannie4307的博客
09-18 656
今天在写自定义控件的时候，通过DependencyProperty注册了一个Page属性，同时在Main.page中使用ElementName绑定数据，代码如下： <local:QuickJumpGrid x:Name="QuickJumpGrid" Grid.Row="1" ...
爬虫selenium库的使用笔记——用selenium时，提示find. element. by_name()报错
Ray_yusheng的博客
11-26 1290
在爬虫用selenium时，报错如下：AtteibuteError:'WebDriver' object has no attribute 'find_element_by name'
33. Element tagName 属性
enlyhua的专栏
08-06 557
实例获得元素的标签名：document.getElementById("demo").tagName;结果：P<!DOCTYPE html> <html> <body><p id="demo">点击按钮来显示此元素的标签名。</p><button onclick="myFunction()">试一下</button><script> function myFunction() { var x=doc
Element类型的tagName和nodeName
个人前端记录
06-07 2411
要访问元素的标签名，可以使用tagName或nodeName属性；这两个属性返回的值相同 假设HTML如下： &amp;amp;lt;div id=&amp;quot;a&amp;quot;&amp;amp;gt;&amp;amp;lt;/div&amp;amp;gt; 获取标签名： var ele = document.getElementById('a'); console.log(a.tagName) //DIV console.
Behavior，Trigger，TriggerAction中使用ElementName
chengwd2008的专栏
04-03 1053
Behavior，Trigger，TriggerAction属于元素的附加属性，并不在可视化树中，当我们在绑定的时候需要使用ElementName指定数据源的时候，ElementName是不起作用的。因为使用ElementName属性本身的元素需要在可视化树中。   在FrameworkElement中有一个FindName函数，通过这个函数我们可以找到当前 XAML 命名空间中指定的对象。
WSDL样式详解
xiaojian1018的专栏
07-21 1184
WSDL样式详解 Web 服务是通过WSDL文档来描述的。WSDL绑定描述了如何把服务绑定到消息传递协议（特别是SOAP消息传递协议）。WSDL 的SOAP绑定style描述了服务调用方式，即远程过程调用rpc (Remote Procedure Call)方式或文档document方式。use定义了类型是编码encoded 方式还是文字literal方式。 创建绑定时，可以选择 
jquery使用$(element).is()来判断获取的tagName
10-25
需要注意的是，$(element).is() 方法实际上返回的是一个布尔值，它表示当前 jQuery 对象集是否与提供的选择器匹配，而 $(element)[0].tagName 或 $(element).get(0).tagName 返回的是一个字符串，表示具体的标签名。...
jquery tagname 取得方法
10-29
var tagName = element.tagName; alert(tagName); ``` #### 示例代码分析 题目中给出的示例代码展示了如何使用jQuery的`.attr()`方法来尝试获取标签名。不过，正如所指出的，这种方式并不正确。正确的实现方式如下...
jquery获取tagName再进行判断
10-25
总结一下，`$(element).is()`方法是基于jQuery进行元素类型判断的有效工具，而`$(element)[0].tagName`或`$(element).get(0).tagName`则是获取元素`tagName`属性的途径。了解并熟练运用这些方法，对于在JavaScript和...
js-DOM-css的className相关
weixin_30394333的博客
02-11 77
1、在非标准的浏览器，IE8及以下的浏览器不支持className的操作，包括getElementByClassName,addClassName,removeClassName; 2、getElementByClassName处理兼容的方法： 　　 var aLi=getElementByClassName(document,'box');//如果多一个限制元素范围的形式为：get...
tagName的大小写问题（QWrap选择器的一个bug）
hax的技术部落格
07-16 818
今儿写程序。 对于现代Web前端来说，Selector是必备之物。对于标准浏览器，可用querySelector，而对于IE8标准模式以下，需要一个Selector引擎。 因为本项目会在代码里使用QWrap，所以虽然我写的部分代码并没有用QWrap，但既然怎样都需要一个Selector引擎，不如用QWrap。 结果发生一件悲剧的事情。 我使用html5-shim/shiv库...
IOS 数据解析
叶阳的博客
05-16 795
IOS数据解析一般解析两种数据 XML 以及 JSON数据，下面先从JSON数据开始 1.JSON解析 作为一种轻量级的数据交换格式，json正在逐步取代xml，成为网络数据的通用格式。 从IOS5开始，APPLE提供了对json的原生支持（NSJSONSerialization），但是为了兼容以前的iOS版本，有时需要用第三方库来解析Json。这里主要讲解TouchJSon，SBJso
HTML DOM Element 对象之tagName
Vivianluolita的专栏
12-15 690
http://www.w3school.com.cn/jsref/dom_obj_navigator.asphttp://www.w3school.com.cn/jsref/dom_obj_all.asphttp://www.w3school.com.cn/jsref/prop_element_tagname.asp
自动化测试元素定位方式之tag_name元素标签名定位实例
Rachel2019的博客
10-05 8799
tag_name定位方法： find_element_by_tag_name() 说明：HTML本质就是由不同的tag(标签)组成，而每个tag都是指同一类，所以tag定位效率低， 一般不建议使用；tag_name定位就是通过标签名来定位 tag_name定位实现步骤与id定位实现步骤相似 tag_name定位 案例代码： from selenium import webdriver import...
e , e.target 和 tagName 分别是什么
u013251184的博客
07-10 4687
例一： &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;&lt;dl id="test"&gt;&lt;dt&gt;test&lt;/dt&gt;&lt;dd&am
[python爬虫] Selenium常见元素定位方法和操作的学习介绍
热门推荐
杨秀璋的专栏
07-10 10万+
这篇文章主要Selenium+Python自动测试或爬虫中的常见定位方法、鼠标操作、键盘操作介绍，希望该篇基础性文章对你有所帮助，如果有错误或不足之处，请海涵~ 一.定位元素方法 二.操作元素方法 四.
WebElement类属性和类方法
晨光的博客
01-08 6935
size    获取元素的大小   element.size tag_name 获取此元素的HTML标记名称  element.tag_name text    获取元素的文本 element.text 类方法
六.python+selenium元素定位之tag_name二次定位
药药君
07-17 4837
tag_name是使用标签进行定位 这里用自己写了一个HTML来进行演示，请点击下载HTML中的lizi.html  密码：ww8k 首先定位到lizi中的选项下拉框标签，就是点击一下Volvo定位该元素： 该元素是属于select+option构成，那么先根据tag_name找到第一个标签select，再去select标签下找option标签 以下是演示： 遍历循环点击option...
e.target.tagName.toLowerCase() !== 'input'
最新发布
12-04
`event.target.tagName.toLowerCase()` 是 JavaScript 中用于获取当前触发事件的目标元素（如点击、输入等）的标签名的小写形式。如果这个结果不等于 `'input'`，那么 `event.target.tagName.toLowerCase() !== 'input'` 的条件就为真，这通常意味着事件不是由某个 `<input>` 元素触发的。 这段代码片段可能是用来阻止对非 `<input>` 元素的进一步操作，比如在一个表单事件处理器中，可能只想在用户修改 `<input>` 元素时执行特定操作，而其他类型的元素（如按钮、文本框等）则不做更改。如果满足 `!=='input'` 的条件，那么程序将继续执行后续代码，而不是设置 `event.target.value` 为预设的值。 示例应用： ```javascript function handleInput(event) { var tag = event.target.tagName.toLowerCase(); if (tag !== 'input') { console.log('Event not triggered by an input element.'); } else { // 对于input元素的操作... } } document.addEventListener('change', handleInput); ``` 在这个例子中，当用户改变了一个非 `<input>` 元素的值时，控制台会打印一条消息，表示事件不是由输入字段触发的。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值