Change Element by tag name - Javascript DOM

Javascript examples for DOM:Element innerHTML

  1. HOME
  2. Javascript
  3. DOM
  4. Element innerHTML

Description

Change Element by tag name

Demo Code

ResultView the demo in separate window 

<html>
   <head></head>
   <body> 
      <ul> 
         <li>Coffee</li> 
         <li>Tea</li> 
      </ul> 
      <p>Click the button to change the text of the first list item (index 0).</p> 
      <button onclick="myFunction()">Try it</button> 
      <script>
function myFunction() {/*w w w  .j av  a  2 s  . c o  m*/
    var list = document.getElementsByTagName("UL")[0];
    list.getElementsByTagName("LI")[0].innerHTML = "new value";
}

      </script>  
   </body>
</html>

Related Tutorials