console 命令行工具 X clear

console

window.onload = function(){
   //给body添加一个div元素，divl里有多个p元素，p中有多个文本元素
   var oDiv=document.createElement("div");
   var oP=document.createElement("p");
   var oText = document.createTextNode("Hi from Dynamic DOM");
   oDiv.appendChild(oP);
   oP.appendChild(oText);

   var oP1=document.createElement("p");
   oDiv.appendChild(oP1);
   var oText1 = document.createTextNode("Hi from Dynamic DOM 2");
   oP1.appendChild(oText1);

    var oP2=document.createElement("p");
    var oText2 = document.createTextNode("Hi from Dynamic DOM 3");
    oP2.appendChild(oText2);
    oDiv.appendChild(oP2);


   document.body.appendChild(oDiv);

   var oDiv1 = document.createElement("div");
   document.body.appendChild(oDiv1);
   oDiv1.innerHTML = "<p>Hi From innerHTML</p>\
                      <p>Hi From innerHTML2</p>\
                      <p>Hi From innerHTML3</p>";
   console.log("line21: "+oDiv1.innerText);       

   document.body.innerHTML="<div><p>Hi,I'm in body</p><p>I'm in second line</p></div>"
   document.body.innerHTML="<div><p>Hi,I'm write by document.write</p><p>I'm in second line</p></div>"              
}

<!DOCTYPE html> 
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style type="text/css">
            
        </style>
        <script>
        
        </script>
    </head>
    <body>
        <button style="width:100px" data="button">测试</button>
    </body>
</html>