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