欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript與jquery動態(tài)創(chuàng)建html元素示例

 更新時間:2016年07月25日 14:53:23   作者:ajunfly  
這篇文章主要介紹了javascript與jquery動態(tài)創(chuàng)建html元素的方法,結合實例形式分析了javascript與jQuery動態(tài)創(chuàng)建頁面元素的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了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數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結

希望本文所述對大家JavaScript程序設計有所幫助。

相關文章

最新評論