How to get div id element in Javascript

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>
<title>getElementById example</title>

<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”.

About the Author

author image
mkyong
Founder of Mkyong.com, love Java and open source stuff. Follow him on Twitter, or befriend him on Facebook or Google Plus. If you like my tutorials, consider make a donation to these charities.

Comments

Leave a Reply

avatar
newest oldest most voted
Keith
Guest
Keith

Hi Mkyong,
Thanks dude.
This piece of code has being killing me for 6 hours

 var flight = document.getElementById("fltDet").innerHTML; 

If you ever in Ireland there is a pint of Guinness with your name on it.
Keith

Luis Castro
Guest
Luis Castro

Gracias a ti pude resolver un gran problme Keith