Change paragraph text : Paragraph « HTML « JavaScript DHTML






  1. JavaScript DHTML
  2. HTML
  3. Paragraph

Change paragraph text

  

<html> 

<head> 
<title>A Simple Page</title> 
<script type="text/javascript"> 
function modify() { 

    var newElem = document.createElement("p"); 
    newElem.id = "newP"; 
    var newText = document.createTextNode("This is the second paragraph."); 
    newElem.appendChild(newText); 
    document.body.appendChild(newElem); 
    document.getElementById("emphasis1").childNodes[0].nodeValue = "first"; 


} 
</script> 
</head> 

<body> 
<button onclick="modify()">Add/Replace Text</button> 

<p id="paragraph1">This is the <em id="emphasis1">one and 

only</em> paragraph on the page.</p> 
</body> 
</html>








Related examples in the same category