javascript與jquery動(dòng)態(tài)創(chuàng)建html元素示例
本文實(shí)例講述了javascript與jquery動(dòng)態(tài)創(chuàng)建html元素的方法。分享給大家供大家參考,具體如下:
1.javascript創(chuàng)建元素
創(chuàng)建select
var select = document.createElement("select"); elect.options[0] = new Option("加載項(xiàng)1", "value1"); select.options[1] = new Option("加載項(xiàng)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); }
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- js jquery獲取當(dāng)前元素的兄弟級(jí) 上一個(gè) 下一個(gè)元素
- js與jquery獲取父元素,刪除子元素的兩種不同方法
- JavaScript和jquery獲取父級(jí)元素、子級(jí)元素、兄弟元素的方法
- js與jquery獲取父級(jí)元素,子級(jí)元素,兄弟元素的實(shí)現(xiàn)方法
- jQuery下實(shí)現(xiàn)等待指定元素加載完畢(可改成純js版)
- js jquery 獲取某一元素到瀏覽器頂端的距離實(shí)現(xiàn)方法
- JS加jquery簡(jiǎn)單實(shí)現(xiàn)標(biāo)簽元素的顯示或隱藏
- JS Jquery 遍歷,篩選頁面元素 自動(dòng)完成(實(shí)現(xiàn)代碼)
- jquery和javascript中如何將一元素的內(nèi)容賦給另一元素
- jQuery與javascript對(duì)照學(xué)習(xí) 獲取父子前后元素 實(shí)現(xiàn)代碼
- jQuery和JavaScript節(jié)點(diǎn)插入元素的方法對(duì)比
- jQuery與原生JavaScript選擇HTML元素集合用法對(duì)比分析
相關(guān)文章
javascript實(shí)現(xiàn)的登陸遮罩效果匯總
小編給大家推薦幾款使用Javascript實(shí)現(xiàn)的遮罩效果登陸框,其實(shí)這種效果是很常見的,在許多互動(dòng)的社區(qū)及其它的一些地方,彈出框應(yīng)用想當(dāng)流行,在不妨礙網(wǎng)頁運(yùn)行的情況下,用戶可以輸入登錄信息,實(shí)現(xiàn)完美登錄。2015-11-11詳解小程序BackgroundAudioManager踩坑之旅
這篇文章主要介紹了詳解小程序BackgroundAudioManager踩坑之旅,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12簡(jiǎn)易的投票系統(tǒng)以及js刷票思路和方法
這篇文章主要介紹了簡(jiǎn)易的投票系統(tǒng)以及js刷票思路和方法,文章十分的詳盡,思路也很清晰,是篇非常不錯(cuò)的文章,這里推薦給大家,有需要的小伙伴可以參考下。2015-04-04js點(diǎn)擊button按鈕跳轉(zhuǎn)到另一個(gè)新頁面
點(diǎn)擊按鈕怎么跳轉(zhuǎn)到另外一個(gè)頁面呢?點(diǎn)擊圖片要跳轉(zhuǎn)到新的頁面時(shí),怎么做到呢?可以使用onclick=window.location=新頁面來實(shí)現(xiàn)2014-10-10直接在JS里創(chuàng)建JSON數(shù)據(jù)然后遍歷使用
本節(jié)為大家講解下直接在JS里創(chuàng)建JSON數(shù)據(jù),然后遍歷使用,需要的朋友可以參考下2014-07-07