Hello, friends today in this post we will talk about two Javascript methods that are innerText and innerHTML, and later in this, we will also teach you how to use these methods properly to get the values of any elements.
Also attaching a video tutorial in the Hindi language for a better understanding
innerHTML vs innerText
<!DOCTYPE html>
<html>
<body>
<h1 style="color:red;">innerHTML vs innerText</h1>
<button onclick="GetData()">click to run</button>
<h3>Demo data will taken from here </h3>
<div id="demo_data"><h1>this is an h1 tag</h1><br>
<img loading="lazy" src="cat.jpg" height="auto" width="30%"/>
<button>Hello plz subscribe</button>
</div>
<br><br>
<hr>
<h3>Result will be shown here! </h3>
<p id="result"></p>
<script>
function GetData(){
var data = document.getElementById("demo_data").innerHTML;
document.getElementById("result").innerHTML=data;
}
</script>
</body>
</html>
One thought on “Javascript innerText vs innerHTML”
Artificial intelligence creates content for the site, no worse than a copywriter, you can also use it to write articles. 100% uniqueness :). Click Here:👉 https://bit.ly/3iPPltW
Artificial intelligence creates content for the site, no worse than a copywriter, you can also use it to write articles. 100% uniqueness :). Click Here:👉 https://bit.ly/3iPPltW