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('Hi,Fengfeng');
    oP1.appendChild(oText1);
    odiv.appendChild(oP1);

    document.body.appendChild(odiv);

    // var odiv1=document.createElement('div');
    // odiv1.innerHTML="<p>Hi innerHTML</p><p>Hi,innerFengfeng</p>";
    // document.body.appendChild(odiv1);

    // console.log("odiv's innerText"+odiv.innerHTML);
    // console.log("odiv1's innerText"+odiv1.innerHTML);

// //相当于创建一个新的HTML
//     document.body.innerHTML="<div><p>Hi,I'm your father</p><p>Hi,innerFengfeng111</p></div>";

//用appendchild创建一个按钮
    var oP2=document.createElement('input');
    document.body.appendChild(oP2); 
    oP2.id="btn";
    oP2.type="button";
    oP2.value="按钮";


    //用innerHTML属性，创建一个input按钮
    var oP3=document.createElement('input');
    oP3.innerHTML='<input id="btn" type="button" value="按钮"/>';
    document.body.appendChild(oP3);
    
    //对整一个html进行替换
    //document.body.innerHTML = '<input id=“btn” type=“button” value=“按钮”>';
    //document.write("Hi fengfeng");


    


}

<!DOCTYPE html> 
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style type="text/css">
            
        </style>
        <script>
        
        </script>
    </head>
    <body>
    </body>
</html>