JavaScript .text()

BrandonDusch's avatar
Published Aug 4, 2022Updated Aug 4, 2022
Contribute to Docs

The .text() method gets or sets the text of an HTML element.

  • A full-stack engineer can get a project done from start to finish, back-end to front-end.
    • Includes 51 Courses
    • With Professional Certification
    • Beginner Friendly.
      150 hours
  • Learn how to use JavaScript — a powerful and flexible programming language for adding website interactivity.
    • Beginner Friendly.
      15 hours

Syntax

Getting text, the .text() method is called without a parameter:

$(selector).text();

Setting text, the .text() method is called with a parameter containing the new text:

$(selector).text(newtext)

Example

The following jQuery code will read and reset the text in #p1 when #btn is clicked:

$("#btn").click(function() {
alert($("#p1").text());
$("#p1").text("New Text.");
});

All contributors

Contribute to Docs

Learn JavaScript on Codecademy

  • A full-stack engineer can get a project done from start to finish, back-end to front-end.
    • Includes 51 Courses
    • With Professional Certification
    • Beginner Friendly.
      150 hours
  • Learn how to use JavaScript — a powerful and flexible programming language for adding website interactivity.
    • Beginner Friendly.
      15 hours