利用doc方法中appendChild直接往body中添加内容

<script type="text/javascript">
        window.onload=function(){
            var divObj = document.createElement("div");
            var textNodeObj = document.createTextNode("小欧真帅");
            divObj.appendChild(textNodeObj);
            document.body.appendChild(divObj);
        }
    </script>

window.onload

表示整个代码读取后再运行函数，不然会出现空函数错误

var divObj = document.createElement("div");
var textNodeObj = document.createTextNode("小欧真帅");
divObj.appendChild(textNodeObj);

创建div标签对象，和文档对象
将文档作为子节点加入到div中

document.body.appendChild(divObj);

将div对象添加到body主体中，这样就可以输出了