您的位置：首页 > Web前端 > JQuery

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

2017-05-01 19:32 357 查看

这里先把案例的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

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jquery html javascript

相关文章推荐

新的分享

章节导航