I want to get an element by its id and get the title attribute. Say I had a div like below with a title attribute and an id. I want to get that title by providing the ID of the div.

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

I want to provide myId for the id and receive back "HeresMyTitle" without the quotes. Is there a way I can easily do this with out much more?

I want to get an element by its id and get the title attribute. Say I had a div like below with a title attribute and an id. I want to get that title by providing the ID of the div.

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

I want to provide myId for the id and receive back "HeresMyTitle" without the quotes. Is there a way I can easily do this with out much more?

• javascript
• jquery
• html

• $('#myId').attr('title') do this – guradio Commented May 4, 2016 at 2:57

4 Answers 4

With jQuery:

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

without jQuery:

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

Javascript:

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

Source: https://www.w3schools./jsref/prop_html_title.asp

As you have asked to do it in js, you can use getAttribute("title") to retrieve the title. Follow this snippet:

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

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

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

use .attr()

Get the value of an attribute for the first element in the set of matched elements.

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

<script src="https://ajax.googleapis./ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="myId" title="HeresMyTitle">Hello!</div>