console 命令行工具 X clear

console

window.onload = function () 
{
    var oDiv=document.createElement("div");
    var oP=document.createElement("p");
    var oText=document.createTextNode("Hi,dynamic DOM");
    oP.appendChild(oText);
    oDiv.appendChild(oP);

    var oP1=document.createElement("p");
    var oText1=document.createTextNode("second dynamic DOM");
    oP1.appendChild(oText1);
    oDiv.appendChild(oP1);

    document.write("Hi from document.wirte") ;

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

    document.body.appendChild(oDiv);

    var oDiv1=document.createElement("div");
    oDiv1.innerHTML="<p>Hi,innerHTML</p> <p>second HTML</p>";
    document.body.appendChild(oDiv1);

    console.log("oDiv's innerText : "+oDiv.innerText);
    console.log("oDiv's innerText : "+oDiv1.innerText);

    var inputBtn = document.createElement('input');
    inputBtn.id="btn";
    inputBtn.type="button";
    inputBtn.value="按钮";
    document.body.appendChild(inputBtn);

    var inputBtn1 = document.createElement('input');
    inputBtn1.innerHTML="<input id='btn' type='button' value='按钮' />";
    document.body.appendChild(inputBtn1);
}

<!DOCTYPE html> 
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style type="text/css">
            
        </style>
        <script>
        
        </script>
    </head>
    <body>
        <input id='btn' type='button' value='按钮' />
    </body>
</html>