获取DOM元素的标签名

最新推荐文章于 2022-11-27 01:15:54 发布
原创 最新推荐文章于 2022-11-27 01:15:54 发布 · 1w 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#dom #js

本文介绍了如何使用JavaScript和jQuery来获取DOM元素的标签名称。通过`tagName`属性和`prop('nodeName')`方法，可以轻松地实现这一目标。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

获取到DOM元素的标签名 

//通过tagName属性获取
var p = document.getElementById("p");
console.log(p.tagName)

//JQ的方法
$("#p").prop("nodeName")

var p = document.getElementById("p");
console.log(p.tagName)

//JQ的方法
$("#p").prop("nodeName")

WebAPI-获取DOM节点的节点名称、节点类型值、节点值
weixin_44486539的博客
11-15 748
DOM DOM 就是 文档对象模型，是 Document Object Model 的简称；是 W3C 国际标准化组织 制定的一套处理 HTML 和 XML 文档的规范，所有的浏览器都遵循了这套标准 W3C 组织定义了一系列的 DOM 接口，通过这些 DOM 接口就可以修改网页的内容、结构和样式。 DOM 节点 根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点： 整个...
013_JS中DOM获取标签对象的方法
weixin_44014460的博客
06-15 239
直接获取方式和简介获取方式 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /********直接获得节点对象的方式********/ //通过Id来获取节点元素;获得单个对象 function getusrname(){ var U
JS的属性 节点
szw19910的博客
10-18 319
//获取父元素 /** 1、获取一个元素（子元素） 2、通过这个元素找其父元素 */ // let navEle = document.getElementsByTagName(“nav”)[0]; // console.log(navEle); // //书写格式：子元素.parentNode // let headerEle = navEle.parentNode; // console.log(headerEle); /** 获取子元素节点 书写格式:父元素.children */ // let
jQuery 获取标签名
人在江湖
07-04 363
  $('#elementId').get(0).tagName   这里获得标签名为大写，如:A , DIV   背景知识： jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是 jquery对象。普通的dom对象一般可以通过$()转换成jquery对象。如：$(d...
Dom找标签(这里列举五种)和修改标签的方法
weixin_68658847的博客
09-16 789
Dom找标签的方法，这里列举五种
【学习笔记39】获取DOM标签对象
yizhiyang
11-27 659
获取DOM标签对象
JavaScript基础10-DOM基础解释，DOM对象的三种关系；通过id，name，标签名获取dom对象
boss_way的博客
05-29 1559
DOM树解释：DHTML:HTML+CSS+DOM+JAVASCRIPT DOM树，常用标签： 基础点击事件：给字体加红色； 代码： 效果： HTML 节点的三种关系： 代码：获取父节点，字节点，上一个兄弟节点，下一个兄弟节点： 根据标签名称获取 节点对象数组； 可以通过id，name，标签名 获取dom对象 获取一个对象下的所有...
Vue获取DOM元素样式和样式更改示例
08-31
本文将详细介绍如何在Vue中获取DOM元素的样式以及如何更改这些样式。 首先，需要了解Vue中常见的获取和操作DOM的方式。在Vue组件中，通常不推荐直接使用原生JavaScript的document对象来操作DOM，因为这样做可能会...
封装获取dom元素的简单实例
11-22
标题中的"封装获取DOM元素的简单实例"是指将常用的DOM操作如获取元素通过ID或标签名等方法，整合到一个自定义的对象或函数中，以提高代码的可维护性和避免全局变量污染。 首先，让我们看看提供的描述和代码片段。...
JavaScript获取DOM元素的11种方法总结
10-24
本文总结了11种常见的JavaScript获取DOM元素的方法，并将它们分为四大类。这些方法可以帮助开发者高效准确地选取DOM元素。 首先，我们可以根据顶层document节点来获取元素。这类方法通常用于直接根据元素的某些属性...
js获取元素的标签名实现方法
11-24
总的来说，获取元素标签名的关键在于使用`element.tagName`属性，并确保在比较时忽略大小写。这使得代码能够正确处理不同浏览器之间的差异，从而实现跨浏览器兼容的功能。在处理DOM元素时，这样的技巧是非常实用的。
php得到dom标签名,通过类名获取DOM元素
weixin_42549154的博客
03-10 522
小编典典更新：*[@class~='my-class']CSS选择器的Xpath版本因此，在下面我回应hakre的评论之后，我感到好奇，并调查了后面的代码Zend_Dom_Query。看起来上面的选择器已编译为以下xpath(未经测试)：[contains(concat(' ', normalize-space(@class), ' '), ' my-class ')]所以PHP将是：$dom =...
php得到dom标签名,按类名获取DOM元素
weixin_35645230的博客
03-10 299
*[@class~='my-class']css选择器的Xpath版本所以在我的评论下面回应hakre的评论后，我很好奇，并查看了背后的代码Zend_Dom_Query。看起来上面的选择器被编译为以下xpath(未经测试)：[contains(concat(' ', normalize-space(@class), ' '), ' my-class ')]所以php将是：$dom=newDo...
JS DOM操作 获取页面元素 / 标签
qq_46275230的博客
04-17 803
JS&DOM 获取页面元素对象 文章目录JS&DOM 获取页面元素对象通过 id名 :getElementById()通过 类名 :getElementByClassName()通过 标签名 :getElementsByTagName()H5万能获取单个 :querySelector()H5万能获取多个 :querySelectorAll()直接获取body :document.body直接console.log打印id获取 通过 id名 :getElementById() 通过id获取元
[DOM]获取元素：根据ID、标签名、HTML5新增的方法、特殊元素获取
「 虚幻私塾」
09-11 2451
目录*+++
DOM获取元素
wuxingwuyou的博客
04-25 813
DOM获取元素 1、通过标签名、类名、id、name (1) 通过id获取元素 是唯一的 var atOP=document.getElementById('top') (2)通过class名获取元素 一个或多个 HTMLCollection 集合 类似于为数组 伪数 var aHeader=document.getElementsByClassName('header') (3)通过标签名获取元素 一个或多个 var aText=document.getElementsByName('span') (
Js的DOM编程获取标签对象的三种方式
N_Peng的博客
08-15 2692
Js的DOM编程获取标签对象的三种方式 一.DOM使用： 1.通过特定方法/特定属性控制标签对象 2.通过标签独享更改标签里面的属性火焰石，展示效果 二. 三种方式获取标签对象 1. 通过document的集合属性获取 1.1 document常用属性： all集合属性：获取页面中所有的标签对象,返回的集合列表 forms：获取页面中所有的form标签对象,返回集合列表 mages：获取页面中...
js的DOM获取标签对象
m0_66039084的博客
03-19 879
/* js的组成:ECMAJavaScript BOM(Browser Object Model)浏览对象模型 DOM(Document Object Model) 文档对象模型 */ // DOM // 获取标签的方法 // 通过id获取 // _box = document.getElementById("box") ...
原生JS获取HTML DOM元素的8种方法
热门推荐
荧光之烛
06-13 2万+
JS获取DOM元素的方法（8种） 通过ID获取（getElementById） 通过name属性（getElementsByName） 通过标签名（getElementsByTagName） 通过类名（getElementsByClassName） 通过选择器获取一个元素（querySelector） 通过选择器获取一组元素（querySelectorAll） 获取html的方法（docume...
详解JavaScript DOM元素获取与添加实例与区别
3. `document.getElementsByTagName(tagName)`：通过标签名获取元素，返回的是一个包含所有匹配标签的所有子元素的NodeList对象，同样不是真正的数组，处理时需要注意。 4. `document.querySelector(selector)` 和 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值