SOURCE

console 命令行工具 X clear 

                    

                        
>

                        
                    

                

            

            
console

            
window.onload = function () 
{
    //动态创建的方法
    var oDiv = document.createElement("div");
    var oP = document.createElement("p");
    oDiv.appendChild(oP);
    var oText = document.createTextNode("Hi YADAN DOM");
    oP.appendChild(oText);
    document.body.appendChild(oDiv);

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

    // 获取content的innerHTML innerText
    var oContent = document.getElementById("content");
    document.getElementById("innerHTML").value = oContent.innerHTML;
    document.getElementById("innerText").value = oContent.innerText;
    document.getElementById("textContent").value = oContent.textContent;
}

            
<!DOCTYPE html> 
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        
    </style>
    <script>
       
    </script>
</head>
<body>
    <p id="content"><strong style="color:hotpink;">会员制餐厅</strong></p>
    <label>content's innerHTML:</label>
    <input id="innerHTML" type="text"></input>
    <br/>
    <label>content's innerText:</label>
    <input id="innerText" type="text"></input>
    <br/>
    <label>content's textContent:</label>
    <input id="textContent" type="text"></input>
</body>
</html>