jquery 创建html页面,javascript与jquery动态创建html元素示例

本文实例讲述了javascript与jquery动态创建html元素的方法。分享给大家供大家参考，具体如下：

1.javascript创建元素

创建select

var select = document.createElement("select");

elect.options[0] = new Option("加载项1", "value1");

select.options[1] = new Option("加载项2", "value2");

select.size = "2";

testDiv.appendChild(select);

创建div

var openDiv = document.createElement("div");

openDiv.id = "div3D";

openDiv.style.width = w+"px";

openDiv.style.height = h+"px";

openDiv.innerHTML = strHtml;

document.body.appendChild(openDiv);

2.jquery创建元素

function CreateDom() {

var select = $("").appendTo($("body"));

var option1 = $("text1").appendTo(select);

var option2 = $("text2").appendTo(select);

var option3 = $("text3").appendTo(select);

var text = $("").css({ "width": "150px", "border": "1px lightgrey solid" }).appendTo($("body"));

var checkbox = $("").appendTo($("body"));

var ul = $("

var li = $("

li1").appendTo(ul);

var li = $("

li2").appendTo(ul);

}

希望本文所述对大家JavaScript程序设计有所帮助。