如何获取元素's的title属性

How can I get an element's title property in JavaScript by element id?

本文关键字:属性 title 元素 何获取 获取      更新时间:2023-09-26

我想通过元素的id获取元素,并获取title属性。假设我有一个像下面这样的div,它有一个title属性和一个id

<div id="myId" title="HeresMyTitle">Hello!</div>

我想提供id的myId,并收到不带引号的"HeresMyTitle"。有没有一种方法可以让我轻松地做到这一点?

使用jQuery:

var myTitle = $('#myId').attr('title');

没有jQuery:

var myTitle = document.getElementById('myId').getAttribute('title');

Javascript:

var myTitle = document.getElementById('myId').title

来源:https://www.w3schools.com/jsref/prop_html_title.asp

$('#myId').attr('title')

使用.attr()

获取匹配元素集中第一个元素的属性值。

alert($('#myId').attr('title'))
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="myId" title="HeresMyTitle">Hello!</div>

正如您在js中要求的那样,您可以使用getAttribute("title")来检索标题。遵循以下片段:

<div id="myId" title="HeresMyTitle">Hello!</div>
<script>
  
  var divId = document.getElementById("myId");
  
  alert(divId.getAttribute("title"));
  
 </script>