JavaScript / jQuery HTML Elements
Posted: Fri Oct 27, 2023 9:08 am
JavaScript / jQuery HTML Elements
jQuery vs JavaScript
jQuery was created in 2006 by John Resig.
It was designed to handle Browser Incompatibilities and to simplify HTML DOM Manipulation, Event Handling, Animations, and Ajax.
For more than 10 years, jQuery has been the most popular JavaScript library in the world.
However, after JavaScript Version 5 (2009), most of the jQuery utilities can be solved with a few lines of standard JavaScript:
Set Text Content
Set the inner text of an HTML element:
jQuery
myElement.text("Hello Sweden!");
Try it Yourself »
JavaScript
myElement.textContent = "Hello Sweden!";
Try it Yourself »
Get Text Content
Get the inner text of an HTML element:
jQuery
myText = $("#02").text();
Try it Yourself »
JavaScript
myText = document.getElementById("02").textContent;
Try it Yourself »
Set HTML Content
Set the HTML content of an element:
jQuery
myElement.html("<p>Hello World</p>");
Try it Yourself »
JavaScript
myElement.innerHTML = "<p>Hello World</p>";
Try it Yourself »
Get HTML Content
Get the HTML content of an element:
jQuery
content = myElement.html();
Try it Yourself »
JavaScript
content = myElement.innerHTML;
Try it Yourself »
★
+1
Reference: https://www.w3schools.com/js/js_jquery_elements.asp
jQuery vs JavaScript
jQuery was created in 2006 by John Resig.
It was designed to handle Browser Incompatibilities and to simplify HTML DOM Manipulation, Event Handling, Animations, and Ajax.
For more than 10 years, jQuery has been the most popular JavaScript library in the world.
However, after JavaScript Version 5 (2009), most of the jQuery utilities can be solved with a few lines of standard JavaScript:
Set Text Content
Set the inner text of an HTML element:
jQuery
myElement.text("Hello Sweden!");
Try it Yourself »
JavaScript
myElement.textContent = "Hello Sweden!";
Try it Yourself »
Get Text Content
Get the inner text of an HTML element:
jQuery
myText = $("#02").text();
Try it Yourself »
JavaScript
myText = document.getElementById("02").textContent;
Try it Yourself »
Set HTML Content
Set the HTML content of an element:
jQuery
myElement.html("<p>Hello World</p>");
Try it Yourself »
JavaScript
myElement.innerHTML = "<p>Hello World</p>";
Try it Yourself »
Get HTML Content
Get the HTML content of an element:
jQuery
content = myElement.html();
Try it Yourself »
JavaScript
content = myElement.innerHTML;
Try it Yourself »
★
+1
Reference: https://www.w3schools.com/js/js_jquery_elements.asp