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.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("oDiv1's innerText: "+ oDiv1.innerText);
document.body.innerHTML = "<div><p>Hi, I'm in body</P><p>Hi, I'm second line</p></div>";
document.body.innerHTML = "<input id='btn' type='button' value='innerHTML方法'>";
var oapp = document.createElement("input");
document.body.appendChild(oapp);
oapp.type = "button";
oapp.value = "appendChild方法";
oapp.id = "btn";
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
</style>
<script>
</script>
</head>
<body>
</body>
</html>