成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

動(dòng)態(tài)生成html元素并為元素追加屬性

番茄西紅柿 / 1229人閱讀

摘要：動(dòng)態(tài)生成元素的方法有三種第一種創(chuàng)建元素，再用方法將元素添加到指定節(jié)點(diǎn)登錄第二種使用直接將元素添加到指定節(jié)點(diǎn)使用將元素直接添加到指定節(jié)點(diǎn)登錄第三種創(chuàng)建節(jié)點(diǎn)中創(chuàng)建對(duì)象，使用的工廠函數(shù)完成，格式如下，會(huì)根據(jù)傳入的標(biāo)記字符串，創(chuàng)建一個(gè)對(duì)象

動(dòng)態(tài)生成HTML元素的方法有三種：

第一種：document.createElement()創(chuàng)建元素，再用appendChild( )方法將元素添加到指定節(jié)點(diǎn)

 1 
 2 "en">
 3 
 4     "UTF-8">
 5     
 6 
 7 
 8 
 9 
"main">
10     "login">
11 

12 
13 
14 
23 
24

第二種：使用innerHTML直接將元素添加到指定節(jié)點(diǎn)

 1 
 2 "en">
 3 
 4     "UTF-8">
 5     
 6 
 7 
 8 
 9 
"main">
10     "login">
11 

12 
13 
14 
20 
21

第三種：jQuery創(chuàng)建節(jié)點(diǎn)

jQuery中創(chuàng)建DOM對(duì)象，使用jQuery的工廠函數(shù)$( )完成，格式如下：

$(html)，$(html)會(huì)根據(jù)傳入的HTML標(biāo)記字符串，創(chuàng)建一個(gè)DOM對(duì)象，并將這個(gè)DOM對(duì)象包裝成一個(gè)jQuery對(duì)象后再返回到前臺(tái)頁(yè)面上。

jQuery中將創(chuàng)建的節(jié)點(diǎn)插入文本中，使用append( )等方法，jQuery中插入節(jié)點(diǎn)方法有：

1. append()：向每個(gè)匹配的元素內(nèi)部追加內(nèi)容

2.appendTo()：將所有匹配的元素追加到指定元素中，顛倒了常規(guī)的$(A).append(B)方法，不是將B追加到A中，而是將A追加到B中

3.prepend()：向每個(gè)匹配的元素內(nèi)部前置內(nèi)容

4.prependTo()：將所有匹配的內(nèi)容前置到指定的元素中，與prpend( )方法顛倒

5.after()：向每個(gè)匹配的元素之后插入內(nèi)容

6.insertAfter()：將所有匹配的元素插入到指定元素的后面,與after()方法顛倒

7.before()：在每個(gè)匹配的元素之前插入內(nèi)容

8.insertBefore()：將每個(gè)匹配的元素插入到指定內(nèi)容之前，與before()方法顛倒

 1  
 2 "en">
 3 
 4    "UTF-8">
 5    
 6    
 7    
12 
13 
19 
20  
21 
22    
"main">

23 
24

借鑒文檔出處：https://blog.csdn.net/fredaouyang/article/details/56481458

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1995.html

相關(guān)文章

  • jQuery DOM節(jié)點(diǎn)的創(chuàng)建、插入、刪除

    摘要：通過(guò)方法添加的元素剛好相反，內(nèi)容在方法前面，無(wú)論是一個(gè)選擇器表達(dá)式或創(chuàng)建作為標(biāo)記上的標(biāo)記它都將被插入到目標(biāo)容器的末尾。主要的不同是語(yǔ)法特別是插入內(nèi)容和目標(biāo)的位置。 DOM節(jié)點(diǎn)的創(chuàng)建 DOM創(chuàng)建節(jié)點(diǎn)及節(jié)點(diǎn)屬性 首先，介紹如何使用JavaScript創(chuàng)建div節(jié)點(diǎn)元素，主要包括創(chuàng)建div節(jié)點(diǎn)元素的屬性和創(chuàng)建div節(jié)點(diǎn)元素的樣式兩大部分內(nèi)容 創(chuàng)建流程： 創(chuàng)建節(jié)點(diǎn)(常見(jiàn)的：元素、屬性和文本)...

    rainyang 評(píng)論0 收藏0

  • 【JavaScript系列】動(dòng)態(tài)綁定事件方法：(1)jquery的on方法；(2)html元素綁定

    摘要：提示如需移除事件處理程序，請(qǐng)使用方法。說(shuō)明和綁定的點(diǎn)擊事件被的事件覆蓋。分析不同的綁定方式執(zhí)行順序?qū)傩栽厥录录Ｔ亟壎ㄊ录h除按鈕。屬性綁定事件動(dòng)態(tài)綁定事件方法的方法的屬性綁定。 一、動(dòng)態(tài)監(jiān)聽(tīng)加載對(duì)象 當(dāng)使用js或jQuery動(dòng)態(tài)創(chuàng)建元素(例如append，appendChildren)，再用on(事件, function(){...})或addEventListener監(jiān)聽(tīng)事件...

    young.li 評(píng)論0 收藏0

  • jQuery筆記總結(jié)篇

    摘要：希望在做所有事情之前，操作文檔。不受層級(jí)限制子選擇器在給定的父元素下匹配所有子元素。相鄰選擇器匹配所有緊接在元素后的元素。判斷當(dāng)前對(duì)象中的某個(gè)元素是否包含指定類(lèi)名，包含返回，不包含返回下標(biāo)過(guò)濾器精確選出指定下標(biāo)元素獲取第個(gè)元素。 原文鏈接 http://blog.poetries.top/2016... 首先，來(lái)了解一下jQuery學(xué)習(xí)的整體思路 showImg(https://seg...

    NoraXie 評(píng)論0 收藏0

  • Jquery就是這么簡(jiǎn)單

    摘要：在內(nèi)部還是調(diào)用這些方法。對(duì)象下標(biāo)，從開(kāi)始對(duì)象下標(biāo)，從開(kāi)始再次重申對(duì)象只能調(diào)用對(duì)象的，對(duì)象只能調(diào)用對(duì)象的對(duì)象轉(zhuǎn)成值得注意的是在腳本內(nèi)，是代表對(duì)象的。對(duì)象轉(zhuǎn)成對(duì)象語(yǔ)法也非常簡(jiǎn)單在內(nèi)寫(xiě)上對(duì)象，就變成了對(duì)象了。在文檔中對(duì)它的解釋是這樣子的。 什么是Jquery？ Jquey就是一款跨主流瀏覽器的JavaScript庫(kù)，簡(jiǎn)化JavaScript對(duì)HTML操作 就是封裝了JavaScript，能夠...

    wpw 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<