Jquery 和 Js 获得元素标签名称的方法

快来打我* 2022-06-16 01:14 486阅读 0赞

我的个人博客开通了，地址：[https://timewentby.com][https_timewentby.com] 欢迎访问

这里先把案例的html代码贴上：

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src="../js/jquery-3.2.1.js"></script>
    </head>
    <body>
        <p id ="p" >这是p标签</p>
    <script>
      
    </script>
    </body>
    
    </html>

说明：看清楚自己的js文件路径，我的是这样的。  
方法一：使用js的方法

var element = document.getElementById("p");
            var name = element.tagName;
            alert(name);

结果为：p

方法二：使用jQuery方法

使用jquery可以用很多方法，下面一一列举：

一：这种的本质还是使用js的方法：使用tagName属性
    
           var  name = $("#p").get(0).tagName;
           alert(name);
    
           var  name = $("#p")[0].tagName;
           alert(name);

结果都是：p

二：
    	 var  name = $("#p").prop("tagName");
         alert(name);

结果：p

说明：这个是jQuery自己封装的方法；

三：
    	  var  name = $("#p").prop("nodeName");
         alert(name);

结果：p

差不多就这几种了，应该够用了。如果你们还有什么好的方法，可以给我留言，一起学习一下。

[https_timewentby.com]: https://timewentby.com

发表评论取消回复

表情：

评论列表（有 0 条评论，486人围观）

还没有评论，来说两句吧...

相关阅读

相关 js获取元素标签的6种方法

js获取元素标签的6种方法通过id获取 document.getElementById(id); // 一个，获取到对象，获取不到 null 通过c

心已赠人/ 2022年12月31日 06:25/ 0 赞/ 2 阅读

相关 [jQuery-3] 获取和设置标签元素

六、获取和设置元素内容 1. html方法的使用 jquery中的html方法可以获取和设置标签的html内容示例代码: <script>

你的名字/ 2022年11月26日 06:52/ 0 赞/ 171 阅读

相关 html 获取js文件大小,JQuery获得上传文件名称、大小、类型、数量的方法

本文介绍如何在将文件上传到服务器之前用JQuery获取文件名、文件大小(以字节为单位)、文件类型(文本/ PDF / CSS文件)和总选定文件数量。基本上，当用户使用输入文

- 日理万妓/ 2022年10月06日 10:56/ 0 赞/ 294 阅读

相关 JS_JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法

$(function(){ //遍历获取的input元素对象数组，绑定click事件 var len = $("input[type=

水深无声/ 2022年08月30日 05:22/ 0 赞/ 174 阅读

相关 js和jquery获取父级元素、子级元素、兄弟元素的方法

原生的JS获取ID为test的元素下的子元素。可以用：比如： <div id="dom"> <div></div> <div></div>

冷不防/ 2022年08月10日 08:51/ 0 赞/ 297 阅读

相关获得jquery元素的位置

jQuery选择器是非常方便的，使用jQuery能够为我们选择元素带来很多的方便，但是我们经常会遇到这样的情况就是我们需要判断当前元素的属于相同类或者相同类型的子元素，或者我们

r囧r小猫/ 2022年07月14日 15:28/ 0 赞/ 205 阅读

相关 jquery获得包含自身在内的html元素

$(”).html()是获得选中元素下的子节点的html，不能包含自身元素。反之，我们要把更改包含选中自身的元素的html代码的时候，可像下面这样写 <div

雨点打透心脏的1/2处/ 2022年06月16日 06:17/ 0 赞/ 207 阅读

相关 Jquery 和 Js 获得元素标签名称的方法

我的个人博客开通了，地址：[https://timewentby.com][https_timewentby.com] 欢迎访问这里先把案例的html代码贴上：

快来打我*/ 2022年06月16日 01:14/ 0 赞/ 487 阅读

相关 JQuery获得上传文件名称大小类型数量的方法

本文介绍如何在将文件上传到服务器之前用JQuery获取文件名、文件大小（以字节为单位）、文件类型（文本/ PDF / CSS文件）和总选定文件数量。基本上，当用户使用输入文

￡神魔★判官ぃ/ 2021年06月26日 16:06/ 0 赞/ 414 阅读

相关 jQuery添加标签元素/内容

通过 `jQuery`，可以很容易地添加新元素/内容。我们将学习用于添加新内容的四个 jQuery 方法： `append()` \- 在被选元素的结尾插入内容

r囧r小猫/ 2021年06月26日 16:06/ 0 赞/ 560 阅读