js 创建html元素 渲染html元素

var p1 = document.getElementById('p1');

 

//添加的元素类型及属性
var newNode = document.createElement("input");
newNode.setAttribute('name','text');
newNode.setAttribute('type','text');
newNode.setAttribute('value','text');

//添加在p1里面
p1.insertBefore(newNode,p1.childNodes[0]); 
);
//添加在p1元素外面

p1.parentNode.insert(newNode);

 

或者

var newNode = document.createElement('');//不知道语法是否正确，反正有效果

newNode.innerHTML = "<a href='xxx'>xxxx</a>";

p1.insertBefore(newNode);

 

appendChild() 方法：可向节点的子节点列表的末尾添加新的子节点。语法：appendChild(newchild)

insertBefore() 方法：可在已有的子节点前插入一个新的子节点。语法 ：insertBefore(newchild,refchild)

newchild:插入新的节点

refchild:在次节点之前插入新的节点