SOURCE

console 命令行工具 X clear

                    
>
console
window.onload=function()
{
    //给body添加一个div元素,div里面包括一个p元素,p元素有很多文字
    var oDiv=document.createElement('div');
    var oP=document.createElement('p');
    oDiv.appendChild(oP);
    var oText=document.createTextNode('123123');
    oP.appendChild(oText);

    var oP1=document.createElement('p');
    oDiv.appendChild(oP1);
    var oText1=document.createTextNode('456456');
    oP1.appendChild(oText1);
    document.body.appendChild(oDiv);

    var oDiv1=document.createElement('div');
    document.body.appendChild(oDiv1);
    oDiv1.innerHTML='<p>123123</p>\
                    <p>456456</p>';
    console.log(oDiv1.innerText);

    var oDiv2=document.createElement('div');
    document.body.appendChild(oDiv2);
    oDiv2.innerHTML='<input id=\'btn\' type=\'button\' value=\'按钮\'></input>'

    var oDiv3=document.createElement('div');
    document.body.appendChild(oDiv3);
    var oInput=document.createElement('input');
    oDiv3.appendChild(oInput);
    oInput.setAttribute('id','btn');
    oInput.setAttribute('type','button');
    oInput.setAttribute('value','按钮');
    
}
<!DOCTYPE html> 
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style type="text/css">
            
        </style>
        <script>
        
        </script>
    </head>
    <body>
        
    </body>
</html>