Home >>Javascript Tutorial >Javascript innerText
Javascript innerText
InnerText in JavaScript
The innerText property in JavaScript is used to write the dynamic text on the HTML document. In this property the text will be not interpreted as html text instead they will be interpreted as normal text.
InnerText Property in JavaScript is mostly used in the web pages in order to generate the dynamic content like writing the validation message, password strength and many more.
Here is an example of the innerText in JavaScript to understand it from a simple point of view:
In the following example, the password strength will be determined:
<script>
function validate() {
var msg;
if(document.myForm.userPass.value.length>5){
msg="Strong";
}
else{
msg="Weak";
}
document.getElementById('mylocation').innerText=msg;
}
</script>
<form name="myForm">
<input type="password" value="" name="userPass" onkeyup="validate()">
Strength:<span id="mylocation">no input</span>
</form>
Output :
Click the button to get the inner text of the button element.
<button onclick="myFunction()" id="myBtn">Click me</button>
<p id="msg"></p>
<script>
function myFunction() {
var x = document.getElementById("myBtn").innerText;
document.getElementById("msg").innerHTML = x;
}
</script>
Output :
Javascript Tutorial
Javascript Syntax
Javascript Comments
Javascript Variables
Javascript Data Types
JavaScript Operators
JavaScript If-else
JavaScript Switch
JavaScript Loop
JavaScript Function
JavaScript Objects
Javascript Array
Javascript Array Methods
JavaScript Boolean
JavaScript Math Object
JavaScript Number
Javascript String
JavaScript Date
Javascript Document Object Model(DOM)
getElementById() method
getElementsByName() method
getElementsByTagName() method
Javascript innerHTML
Javascript innerText
JavaScript Events
JavaScript Cookies
JavaScript Cookies Attributes
JavaScript cookie with multiple name
JavaScript delete cookies
JavaScript form validation
Registration form with javascript validation
submit form without submit button
How to create a countdown timer in jquery
Allow Only Numbers in Textbox Javascript
How to allow alphabets in text-box using JavaScript
JavaScript Classes
JavaScript Prototype Object
JavaScript Constructor Method
JavaScript static Method
JavaScript Encapsulation
JavaScript Inheritance
JavaScript Abstraction
JavaScript Polymorphism
No Sidebar ads