Как изменить атрибут заголовка элемента с помощью jQuery
Если вы прочтете пару параграфов (более 30 параграфов), вы увидите
Удалить последнюю строку шаблона с тегами <my-hero-detail>.
Это остановит эту ошибку.
Сейчас я прохожу учебник и на самом деле искал ответ, ха-ха.
3 ответа
Прежде чем мы напишем что-либо код, давайте обсудим разницу между атрибутами и свойствами. Атрибуты - это настройки, которые вы применяете к элементам в вашей разметке HTML ; затем браузер анализирует разметку и создает объекты DOM различных типов, которые содержат свойства , инициализированные значениями атрибутов. На объектах DOM, таких как простой HTMLElement , вы почти всегда хотите работать с его свойствами , а не с его коллекцией атрибутов .
В настоящее время рекомендуется избегать работы с атрибутами, если они не являются настраиваемыми или нет эквивалентных свойств, дополняющих их. Поскольку title действительно существует как свойство чтения / записи во многих HTMLElement , мы должны воспользоваться этим.
Подробнее о различиях между атрибутами и свойствами можно прочитать здесь или здесь .
Имея это в виду, давайте изменим этот заголовок .. .
Получить или установить свойство title элемента без jQuery
Поскольку title является общедоступным свойством, вы можете установить его для любого элемента DOM, который поддерживает его, с помощью обычного JavaScript:
document.getElementById('yourElementId').title = 'your new title';
Получение почти идентично; здесь ничего особенного:
var elementTitle = document.getElementById('yourElementId').title;
Это будет самый быстрый способ изменить заголовок, если вы помешаны на оптимизации, но поскольку вы хотели задействовать jQuery:
Получить или установить свойство title элемента с jQuery (v1.6 +)
jQuery представил новый метод в v1.6 для получения и установки свойств. Чтобы установить свойство title для элемента, используйте:
$('#yourElementId').prop('title', 'your new title');
Если вы хотите получить заголовок, опустите второй параметр и сохраните возвращаемое значение:
var elementTitle = $('#yourElementId').prop('title');
Проверьте свойство () Документация по API для jQuery.
Если вы действительно не хотите использовать свойства или используете версию jQuery до v1.6, тогда вы следует прочитать:
Получить или установить элемент '
Я полагаю
$("#myElement").attr("title", "new title value")
или
$("#myElement").prop("title", "new title value")
должен помочь ...
Я думаю, вы можете найти все основные функции в jQuery Docs , хотя Ненавижу форматирование.
Другой вариант, если вы предпочитаете, - это получить элемент DOM из объекта jQuery и использовать для него стандартные средства доступа DOM:
$("#myElement")[0].title = "new title value";
«Способ jQuery», как упоминалось другими, заключается в использовании метода attr (). См. Документацию API для attr () здесь .