首頁 > 文章 > web前端 > jquery如何取得元素標籤

jquery如何取得元素標籤

王林原創: 2020-11-19 16:52:574182瀏覽

jquery取得元素標籤的方法：可以透過使用tagName屬性來取得元素標籤，如【var name = $("#p").get(0).tagName; alert(name);】。

jquery如何取得元素標籤

html程式碼如下：

（學習影片分享：jquery影片教學）

<!DOCTYPE html>
<html>
<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>

方法如下：

方法一：使用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

方法三：

自己封裝的方法

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

結果：p

jquery如何取得元素標籤

相關文章