document.write（创建任意内容，并写入）

document.write("<h1>添加到html中的文本</h1>");

docement.createElement（创建元素）

var jd = document.createElement("li"); //创建一个li元素

document.createTextNode（创建文本）

var wb = document.createTextNode("创建的文本"); //创建一个文本内容

document.createDocumentFragment （创建虚拟节点东西）

var fragment = document.createDocumentFragment(); //创建一虚拟的节点东西，节点东西包罗所有属性和要领。 //document.createDocumentFragment()长处：说白了就是为了节约使用DOM。每隔JavaScript对DOM的操纵城市转变页面的变现，并从头刷新整个页面，从而减少消耗的时间。为解决这个问题，可以创建一个文档碎片，把所有的新摘要附加其上，然后把文档碎片的内容一次性添加到文档中。

 document.createComment（创建注释）

var zhuxi = document.createComment("注释的内容"); //创建一个注释内容

 注：以上创建的节点需要  xx.appendChild()的要领添加到页面中。document.write除外。

高效创建节点

innerHTML

innerHTML：用来设置或获取当前标签的起始和结束里面的内容 html文档：<div ><p> 321<p> </div> script文档1： //设置 var dd = document.getElementById("dd"); var str = "<p>文本1</p>" +"<h1>标题节点</h1>" +"<h2>小标题节点</h2>"; dd.innerHTML = str; //本来div里面的元素都被替换 script文档2： //获取 var dd = document.getElementById("dd"); console.log(dd.innerHTML); //获取到的值为<p> 321<p>

 outerHTML

outerHTML：返回挪用它的元素及所有子节点的HTML标签 html文档：<div > 321 </div> script文档1： var dd = document.getElementById("dd"); console.log(dd.outerHTML); //返回值<div > 321 </div> script文档2： var dd = document.getElementById("dd"); dd.outerHTML = "<p> 清空本来的所有值，酿成这个 </p>"; //本来的值是321。

 interText

interText：设置或获取位于东西起始和结束标签内的文本。 html文档：<div ><p> 321<p> </div> script文档： //获取方针文档 var dd = document.getElementById("dd"); console.log(dd.innerText); //打印321 script文档2： //设置方针文档 var dd = document.getElementById("dd"); console.log(dd.innerText); dd.innerText = "<p> 替换本来所有的文本 </p>"; //屏幕div显示，<p> 替换本来所有的文本 </p>，p标签也会看成文档显示出来 注：火狐浏览器不撑持该标签，不过有类似标签textContent

 outerText 与 innerText 的区别

outerText：获取文档跟innerText一样，设置不一样，如， html文档：<div ><p> 321<p> </div> script文档： var dd = document.getElementById("dd"); console.log(dd.innerText); dd.outerText = "<p> 替换本来所有的文本 </p>"; //屏幕依然显示<p> 替换本来所有的文本 </p>，但是本来的div已经不复存在，只留下文本 <p> 替换本来所有的文本 </p>

父子节点查找

父节点 找 子节点

找第一个子节点：firstChild
找最后一个子节点：lastChild
找第n个子节点：childNodes[n-1]　　//从0开始算
找第n个子节点：childNodes.item(n-1)　　//从0开始算

子节点 找 父节点

找父节点：parentNode

子节点 找 兄弟节点

找下一个兄弟节点：nextSibling

找上一个兄弟节点：previousSibling

找文档根节点