Просмотров: 3 651

Как изменить содержимое элемента label с помощью jQuery.

Предположим, что на веб-странице есть элемент label, текст которого нужно изменить при нажатии на какую-либо кнопку.

Давайте посмотрим на код jQuery, который позволяет это сделать.

HTML:

<label id="label">Элемент label</label><br>
<button id="button">Изменить текст в элементе label</button>

Javascript:

$("#button").on( "click", function() {
   $("#label").text("Новое содержимое элемента label");
});

Нужно иметь в виду, что для работы этого кода к HTML-странице должна быть подключена библиотека jQuery.

В общем, для того, чтобы изменить содержимое элемента label, можно воспользоваться методом text.

$("#label").text("Новое содержимое элемента label");

Давайте посмотрим, как это работает на практике на живом примере.

Продвинутый курс по Javascript + jQuery можно получить здесь.