HTML code to modify directly by double-clicking the page element

  <! doctype html public  "-//w3c//dtd xhtml 1.0 transitional//en"   "http:// Www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ""
<meta http-equiv= "Content-type"  content= "Text/html; charset=utf-8" &NBSP;/>
<title> HTML code </title> that modifies the page element directly;
<script type= "Text/javascript" >
Function showelement (Element)
{
    var oldhtml =  element.innerhtml;   //to get the content before the element
    var newobj =  Document.createelement (' input ');    //create an INPUT element
    newobj.type =   ' text ';    //add type
     for newobj elements;
    // Sets the event that newobj loses focus
    newobj.onblur = function () {
         element.innerhtml = this.value ? this.value : oldhtml;   // When triggered, determines whether the value of the newobj is empty, is empty, does not modify, and returns oldhtml.
        }
    element.innerHTML =  ';    //set element content to empty
     element.appendchild (newobj);    //Add child elements
    
     newobj.focus ();    //