本文實例講述了javascript與jquery動態(tài)創(chuàng)建html元素的方法。分享給大家供大家參考，具體如下：
1.javascript創(chuàng)建元素
創(chuàng)建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);創(chuàng)建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創(chuàng)建元素
function CreateDom() { var select = $("<select/>").appendTo($("body")); var option1 = $("<option value=/"1/">text1</option>").appendTo(select); var option2 = $("<option value=/"2/">text2</option>").appendTo(select); var option3 = $("<option value=/"3/">text3</option>").appendTo(select); var text = $("<input type=/"text/">").css({ "width": "150px", "border": "1px lightgrey solid" }).appendTo($("body")); var checkbox = $("<input type=/"checkbox/" />").appendTo($("body")); var ul = $("<ul/>").appendTo($("body")); var li = $("<li>li1</li>").appendTo(ul); var li = $("<li>li2</li>").appendTo(ul);}更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
