如何动态的创建html元素,使用Javascript动态创建HTML元素？

您可以使用document.createElement创建元素.创建后,您可以添加属性.如果希望元素显示在文档中,则必须插入到文档的DOM树中.尝试使用此代码：

var body = document.getElementsByTagName('body')[0],newdiv = document.createElement('div'); //create a div

newdiv.id = 'newid'; //add an id

body.appendChild(newdiv); //append to the doc.body

body.insertBefore(newdiv,body.firstChild) //OR insert it

如果它只是html你想要这是一种方法：

function createmyElements(id1,id3){

return [

'linktxt','

'

].join('\n');

}

另一种方法是创建一个div而不将其注入到DOM树中,并使用DOM方法向其中添加元素.这是一个创建1个元素的函数

function createElementHtml(id,tagname){

var containerdiv = document.createElement('div'),nwtag = document.createElement(tagname);

nwtag.id = id;

containerdiv.appendChild(nwtag);

return containerdiv.innerHTML;

}

//usage

createElementHtml('id1','div'); //=>