JavaScript實現動態添加、移除元素或屬性的方法分析

    本文實例講述了JavaScript實現動態添加、移除元素或屬性的方法。愛掏網 - it200.com分享給大家供大家參考,具體如下:

    JavaScript 動態添加、移除元素

    appendChild(newnode)

    向節點的子節點列表的末尾添加新的子節點。愛掏網 - it200.com

    insertBefore(newnode, existingnode)

    在已有子節點之前插入新的子節點。愛掏網 - it200.com

    removeChild(node)

    刪除元素的某個指定的子節點,并以 Node 對象返回被刪除的節點,如果節點不存在則返回 null。愛掏網 - it200.com

    innerHTML

    屬性設置或返回表格行的開始和結束標簽之間的 HTML。愛掏網 - it200.com

    測試用例

      
        
          Middle Child
        
        
        

    Hello World

    JavaScript 動態添加、移除屬性

    setAttribute(attributename, attributevalue)

    添加指定的屬性,并為其賦指定的值。愛掏網 - it200.com將屬性設置為undefined等同于刪除。愛掏網 - it200.com

    removeAttribute(attributename)

    刪除指定的屬性。愛掏網 - it200.com

    getAttributeNode(attributename)

    以 Attr 對象返回指定屬性名的屬性值。愛掏網 - it200.com

    removeAttributeNode(attributenode)

    刪除 Attr 形式指定的屬性,同時返回被刪除的Attr 形式的屬性。愛掏網 - it200.com

    測試用例

      
        

    0 Hello World

    1 Hello World : font-size、font-style等,這些屬性脫離style單獨設置是無效的

    2 Hello World setAttribute

    3 Hello World setAttribute

    4 Hello World removeAttribute

    5 Hello World getAttributeNode & removeAttributeNode

    為了學習工作與休閑娛樂互不沖突,現新建圈【碼農茶水鋪】用于程序員生活,愛好,交友,求職招聘,吐槽等話題交流,希望各位大神工作之余到茶水鋪來喝茶聊天。愛掏網 - it200.com群號:582735936

    聲明:所有內容來自互聯網搜索結果,不保證100%準確性,僅供參考。如若本站內容侵犯了原著者的合法權益,可聯系我們進行處理。
    發表評論
    更多 網友評論0 條評論)
    暫無評論

    返回頂部

    主站蜘蛛池模板: 国产激情一区二区三区小说| 亚洲老妈激情一区二区三区| 日韩精品一区二三区中文| 国产在线一区观看| 91久久精品无码一区二区毛片| 国产日韩精品一区二区三区在线| 九九无码人妻一区二区三区| 亚洲国产视频一区| 一区二区视频在线播放| 亚洲日韩精品无码一区二区三区 | 日韩一区二区超清视频| 免费av一区二区三区| 久久久久人妻一区精品果冻| 一区二区三区国模大胆| 国产乱码精品一区二区三区四川 | 国产精品毛片a∨一区二区三区| 国产日产久久高清欧美一区| 精品人妻系列无码一区二区三区| 精品一区二区久久| 无码国产伦一区二区三区视频| 国产日韩一区二区三免费高清| 国产亚洲日韩一区二区三区| 中文字幕一区二区三区永久| 国产裸体歌舞一区二区 | 日本在线视频一区| 午夜精品一区二区三区在线视| 国产精品一区二区无线| 亚洲国产一区二区三区 | 天堂一区二区三区在线观看| 国产乱人伦精品一区二区| 日本高清一区二区三区| 国产一区二区三区内射高清| asmr国产一区在线| 国语精品一区二区三区| 九九久久99综合一区二区| 中文字幕一区二区三区久久网站| 五月婷婷一区二区| 福利在线一区二区| 国产免费无码一区二区| 亚洲愉拍一区二区三区| 国产伦精品一区二区三区在线观看|