创建节点 createElement appendChild document.createTextNode

1:createElement 方法的功能是在文档中创建一个孤立 HTML 标记节点。
  var sonhtml = document.createElement(html);

2:给你创建的节点标记增加值，或者是html代码

2.1
/*******简单直接的方法**********/
sonhtml.innerHTML = html;
sonhtml.innerText = value;
/*******简单直接的方法**********/

2.2
/*******其他写法**********/
var txt=document.createTextNode("你好啊！")
/*******其他写法**********/

3:appendChild给你创建的节点，让他显示在页面中，就需要你给他找到一个归属上一级的节点。
3.1
/*******直接给你增加的节点和节点里面的内容融合在页面中**********/
parend.appendChild(sonhtml);
/*******直接给你增加的节点和节点里面的内容融合在页面中**********/

3.2
/*******通过你增加的新节点对象，给新节点增加内容**********/
parend.appendChild(sonhtml);
sonhtml.appendChild(txt);
/*******通过你增加的新节点对象，给新节点增加内容**********/

/*
使用 createElement 方法
createElement 方法的功能是在文档中创建一个孤立 HTML 标记节点。
孤立节点既没有孩子节点也没有双亲节点，而且与文档中的现存节点也互不关联。
被创建的孤立HTML 标记节点的唯一信息就是它代表的HTML 标记，
比如< P> 、< FONT> 和< TABLE> 。CreateElement 的语法为document.createElement(HTMLTag) ，
HTMLTag 表示要创建的HTML 标记，返回值是创建的孤立HTML 标记节点。

使用 appendChild 方法
appendChild 方法的功能是在 2 个节点间建立起父子关系，
如果作为父亲的节点已经具有了孩子节点，
那么新添加的孩子节点被追加为最后一个孩子，
也就是lastChild 。appendChild 的语法是fatherObj.appendChild(childObj) ，
返回值是被追加的孩子节点
*/

 

补充不同浏览器创建按钮和事件

4. 创建输入元素(通用代码)
var button = document.createElement("input");
button.setAttribute("type","button");
document.getElementById("form").appendChild(button);

5. 向输入元素增加事件处理程序(通用代码)
var element = document.getElementById("ee");
element.οnclick=function(){todo();};

6. 创建单选按钮
var ration = document.createElement("<input type='radio' name='radionsss' value='checked'>”);//ie
//非ie创建方法
vat radion = document.createElement("input");
radion .setAttribute("type","radio");
radion.setAttribute("name","radionsss");
radion.setAttribute("value","checked");