Получить значение атрибута title
 

Привет. Не могу получить сабж.

<div  class="col-sm-3">
<a id="planpie" >
<i data-toggle="tooltip"  data-placement="top" title="Диаграмма"  class="fa fa-bar-chart"></i>
</a>
</div>
<div id="datatable" ></div>
<div id="container-plan"></div>

Суть в том, что при клике на а меняю класс fa-bar-chart на fa-table и скрываю/показываю дивы

var datatable = document.querySelector('#planpie');
	var fa = document.querySelector(".fa-bar-chart");
	
	datatable.addEventListener("click", function(event) {
		event.preventDefault();
		fa.classList.toggle("fa-table");
        $('#datatable,#container-plan').toggle();
		 $('#container-plan').css('margin-top','0');		
	})

Но при попытке получить/изменить значение title,конфуз).Пустое значение выводит.
$(fa).attr('title') - пусто
fa.getAttribute('title') - пусто

Этим fa.classList.toggle("fa-table"); добавляется/удаляется класс "fa-table" никак не затрагивая имеющийся "fa-bar-chart".

Затрагивает. Посмотрите внимательно код.И это имеет отношение к проблеме title?

Получил.Присвоил i id и по нему получил.

Всё дело было в tooltip(). Он добавляет свой атрибут data-original-title, а из title убирает значение. Поэтому и пусто там у меня было.

Вы правы, я не так понял. Сам класс не затрагивает.