如何通过元素id在JavaScript中获取元素的title属性?

时间:2016-05-04 02:56:47

标签: javascript jquery html

我希望通过其id获取元素并获取title属性。假设我有一个像下面这样的div,带有title属性和id。我希望通过提供div的ID来获得该标题。

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

我想为id提供myId,并在没有引号的情况下收回“HeresMyTitle”。有没有办法可以轻松地完成这项工作?

4 个答案:

答案 0 :(得分:5)

使用jQuery:

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

没有jQuery:

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

答案 1 :(得分:1)

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

使用JSFIDDLE HERE

  

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

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>

答案 2 :(得分:1)

正如您要求在js中执行此操作,您可以使用getAttribute(&#34; title&#34;)来检索标题。请遵循以下代码段:

&#13;
&#13;
<div id="myId" title="HeresMyTitle">Hello!</div>

<script>
  
  var divId = document.getElementById("myId");
  
  alert(divId.getAttribute("title"));
  
 </script>
&#13;
&#13;
&#13;

答案 3 :(得分:1)

Javascript:

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

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