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

3 comments on “How to get div id element in Javascript

  1. The example shows how to get an element knowthing the id. It does not show
    how to get the id of an element one has accessed by other means.

    Reply
  2. 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

    Reply

Leave a Comment

Your email address will not be published. Required fields are marked *