JavaScript Output Example

JavaScrip can find the innerText , innerHTML and set innerHTML  , innerText of any HTML element

 JavaScript have many property learn in letter chapter

1 - find innerHTML 

<DOCTYPE html>

<head>

<title> get innerHTML </title>

</head>

<body>

<h2 id =" demo01"> This is heading tag </h2>

<p class="demo02"> This is paragraph tag </p>

<script>

/************** Target innerHTML of h2 heading tag  by id **************/

 var text = document.getElementById("demo01").innerHTML;

console.log(text);

/* ********* Target innerHTML of paragraph tag *****************/

var demoText = document.getElementsByClassName("demo02");

console.log(demoText[0]);

</script>

</body>

</html>

Try above code



Target innerHTML by TagName

<body>

<p> this is first paragraph</p>

<p> this is second paragrpg </p>

<script>

/**** ************* Target innerHTML by TagName ***************/

var text = document.getElementsByTagName("P");

console.log(text[0]);

console.log(text[1]);

</script>

</body>

Try above code


maximum time developer use document.getElementById("demo").innerHTML

document.getElementById is case sensitive