成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

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

番茄西紅柿 / 1269人閱讀

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

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

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

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

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

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

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

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

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

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

8.insertBefore()：將每個匹配的元素插入到指定內(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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/1995.html

相關(guān)文章

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

    摘要：通過方法添加的元素剛好相反，內(nèi)容在方法前面，無論是一個選擇器表達(dá)式或創(chuàng)建作為標(biāo)記上的標(biāo)記它都將被插入到目標(biāo)容器的末尾。主要的不同是語法特別是插入內(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)(常見的：元素、屬性和文本)...

    rainyang 評論0 收藏0

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

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

    young.li 評論0 收藏0

  • jQuery筆記總結(jié)篇

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

    NoraXie 評論0 收藏0

  • Jquery就是這么簡單

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

    wpw 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<