顶级：包括html, body, frameset, 表现如Block-level element, 属于高级块级元素.
块级：顾名思义就是以块显示的元素，高度宽度都是可以设置的。比如我们常用的 p, h1~h6, div, ul 默认状态下都是属于块级元素。块级元素比较霸道，默认状态下每次都占据一整个行，后面的内容也必须再新起一行显示。当然非块级元素也可以通过css的display:block将其更改成块级元素。此外还有个特殊的，float也具有此功能。
块级元素能够独立存在, 一般的块级元素之间以换行(如一个段落结束后另起一行)分隔。块级元素是构成一个html的主要和关键元素, 而任意一个块级元素均可以用Box model来解释说明.
内联：通俗点来说就是文本的显示方式，与块级元素相反，内联元素的高度宽度是不可以设置的，其宽度就是自身文字或者图片的宽度。
先是：document.createElement(eleNode)方法：创建一个元素节点eleNode
document.createTextNode(textNode)方法：创建一个文本节点textNode
document.createDocumentFragment()方法：创建文档碎片节点
然后将这个节点添加到其父节点下：
eleNode.appendChild(textNode)方法：将textNode节点添加到childNodes的末尾
其实，一开始你要决定在那个父节点下增加节点，先是找到父节点。
