javascript與jquery動態(tài)創(chuàng)建html元素示例
本文實例講述了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程序設計有所幫助。
- js jquery獲取當前元素的兄弟級 上一個 下一個元素
- js與jquery獲取父元素,刪除子元素的兩種不同方法
- JavaScript和jquery獲取父級元素、子級元素、兄弟元素的方法
- js與jquery獲取父級元素,子級元素,兄弟元素的實現方法
- jQuery下實現等待指定元素加載完畢(可改成純js版)
- js jquery 獲取某一元素到瀏覽器頂端的距離實現方法
- JS加jquery簡單實現標簽元素的顯示或隱藏
- JS Jquery 遍歷,篩選頁面元素 自動完成(實現代碼)
- jquery和javascript中如何將一元素的內容賦給另一元素
- jQuery與javascript對照學習 獲取父子前后元素 實現代碼
- jQuery和JavaScript節(jié)點插入元素的方法對比
- jQuery與原生JavaScript選擇HTML元素集合用法對比分析
相關文章
詳解小程序BackgroundAudioManager踩坑之旅
這篇文章主要介紹了詳解小程序BackgroundAudioManager踩坑之旅,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-12-12