console 命令行工具 X clear

console

window.onload=function(){
    //给body添加一个div元素，div里面包括p元素，p里面有很多文本
    var oDiv=document.createElement("div");
    var oP=document.createElement("p");
    var oP1=document.createElement("p");
    oDiv.appendChild(oP);
    oDiv.appendChild(oP1);
    var oText=document.createTextNode("hhhhhhhhhhhhhhhhh");
    var oText1=document.createTextNode("ooooooooooooooooo111111");
    oP.appendChild(oText);
    oP.appendChild(oText1);

   document.body.appendChild(oDiv);

   var oDiv1=document.createElement("div");
    document.body.appendChild(oDiv1);
    oDiv1.innerHTML="<P>HHHHHHHHHH</P>\
                        <P>HHHHHHHHHH11111111111111</P>";
   console.log("line22"+oDiv1.innerText);      

//document.write("<div><p>bbbbbaaaaabbbbbbbb</p></div><div><p>bbbbbaaffffffffffffbbbb</p></div>");
//document.body.innerHTML="<div><p>bbbbbbbbbbbbbbbb</p></div>"

//document.write 页面重写
//document.innerHTML 可用body也可用某一部分

var oDiv1 = document.createElement("div");
    oDiv1.innerHTML="<p>Hi, innerHTML</p><p> the second innerHTML</p><p> the third innerHTML</p>";
    document.body.appendChild(oDiv1); 
}
/*
//作业
//请分别使用appedChild（　）方法和innerHTML属性这两种方法
//在body元素中插入一个按钮：<input id="btn" type="button" value="按钮"/>。
window.onload = function ()
{
//appedChild（　）
document.body.innerHTML = '<input id="btn" type="button" value="按钮">';
//innerHTML属性
var ac = document.createElement("input"); 
document.body.appendChild(ac);
ac.type = "button";
ac.value = "按钮2";
ac.id = "btn";
}
*/

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