In JavaScript, you can use getElementById() fucntion to get any prefer HTML element by providing their tag id. Here is a HTML example to show the use of getElementById() function to get the DIV tag id, and use InnerHTML() function to change the text dynamically.

HTML…


<html>
<head>


<script type="text/javascript">

function changeText(text)
{
 elem = document.getElementById('textid');
 elem.innerHTML = text;
}
</script>
</head>

<body>
<div id='textid'>I'm a Text</div>
<button onclick="changeText('Mkyong1');">Mkyong1</button>
<button onclick="changeText('Mkyong2');">Mkyong2</button>
</body>
</html>
  1. If button “Mkyong1″ is clicked, the content of the div element, with an Id of “textid”, will be changed to “Mkyong1″.
  2. If button “Mkyong2″ is clicked, the content of the div element, with an Id of “textid”, will be changed to “Mkyong2″.