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

資訊專欄INFORMATION COLUMN

Dom節(jié)點(diǎn)操作常用方法

pepperwang / 1617人閱讀

Dom節(jié)點(diǎn)操作常用方法

1.訪問(wèn)/獲取節(jié)點(diǎn)
返回對(duì)擁有指定id的第一個(gè)對(duì)象進(jìn)行訪問(wèn)

document.getElementById(id);

返回帶有指定名稱的節(jié)點(diǎn)集合　　 注意拼寫(xiě):Elements

document.getElementsByName(name);

　　　　
返回帶有指定標(biāo)簽名的對(duì)象集合　 注意拼寫(xiě)：Elements

document.getElementsByTagName(tagname);

　　
返回帶有指定class名稱的對(duì)象集合 注意拼寫(xiě)：Elements

document.getElementsByClassName(classname);

2.創(chuàng)建節(jié)點(diǎn)/屬性
創(chuàng)建一個(gè)節(jié)點(diǎn)

document.createElement(eName);

　
對(duì)某個(gè)節(jié)點(diǎn)創(chuàng)建屬性

document.createAttribute(attrName);

創(chuàng)建文本節(jié)點(diǎn)

document.createTextNode(text);

　
　　

3.添加節(jié)點(diǎn)
在某個(gè)節(jié)點(diǎn)前插入節(jié)點(diǎn)

document.insertBefore(newNode,referenceNode);

　
給某個(gè)節(jié)點(diǎn)添加子節(jié)點(diǎn)

parentNode.appendChild(newNode);

　
　　　　　　　

4.復(fù)制節(jié)點(diǎn)
復(fù)制某個(gè)節(jié)點(diǎn) 參數(shù)：是否復(fù)制原節(jié)點(diǎn)的所有屬性

cloneNode(true | false);

5.刪除節(jié)點(diǎn)
刪除某個(gè)節(jié)點(diǎn)的子節(jié)點(diǎn) node是要?jiǎng)h除的節(jié)點(diǎn)

parentNode.removeChild(node);

　　

注意：為了保證兼容性，要判斷元素節(jié)點(diǎn)的節(jié)點(diǎn)類型(nodeType)，若nodeType==1，再執(zhí)行刪除操作。通過(guò)這個(gè)方法，就可以在 IE和 Mozilla 完成正確的操作。

nodeType 屬性可返回節(jié)點(diǎn)的類型.最重要的節(jié)點(diǎn)類型是：
元素類型 節(jié)點(diǎn)類型
元素element 1
屬性attr 2
文本text 3
注釋comments 8
文檔document 9

6.修改文本節(jié)點(diǎn)

將data加到文本節(jié)點(diǎn)后面

appendData(data)；

將從start處刪除length個(gè)字符

deleteData(start,length);

在start處插入字符,start的開(kāi)始值是0;

insertData(start,data);

在start處用data替換length個(gè)字符

replaceData(start,length,data);

在offset處分割文本節(jié)點(diǎn)

splitData(offset);

從start處提取length個(gè)字符

substringData(start,length);

7.屬性操作
通過(guò)屬性名稱獲取某個(gè)節(jié)點(diǎn)屬性的值

getAttribute(name)

修改某個(gè)節(jié)點(diǎn)屬性的值

setAttribute(name,value);

刪除某個(gè)屬性

removeAttribute(name);　

8.查找節(jié)點(diǎn)
如果節(jié)點(diǎn)為已知節(jié)點(diǎn)的第一個(gè)子節(jié)點(diǎn)就可以使用這個(gè)方法。此方法可以遞歸進(jìn)行使用

parentObj.firstChild;　　
parentObj.firstChild.firstChild

獲得一個(gè)節(jié)點(diǎn)的最后一個(gè)節(jié)點(diǎn)，與firstChild一樣也可以進(jìn)行遞歸使用

parentObj.lastChild;　　
parentObj.lastChild.lastChild

獲得節(jié)點(diǎn)的所有子節(jié)點(diǎn)，然后通過(guò)循環(huán)和索引找到目標(biāo)節(jié)點(diǎn)

parentObj.childNodes;

9.獲取相鄰的節(jié)點(diǎn)
獲取已知節(jié)點(diǎn)的相鄰的上一個(gè)節(jié)點(diǎn)

curtNode.previousSibling;

獲取已知節(jié)點(diǎn)的下一個(gè)節(jié)點(diǎn)

curtNode.nextSlbling;

　　

10.獲取父節(jié)點(diǎn)
得到已知節(jié)點(diǎn)的父節(jié)點(diǎn)

childNode.parentNode;

　　

11.替換節(jié)點(diǎn)

replace(newNode,oldNode);

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

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

相關(guān)文章

  • Dom節(jié)點(diǎn)操作常用方法

    Dom節(jié)點(diǎn)操作常用方法 1.訪問(wèn)/獲取節(jié)點(diǎn)返回對(duì)擁有指定id的第一個(gè)對(duì)象進(jìn)行訪問(wèn) document.getElementById(id); 返回帶有指定名稱的節(jié)點(diǎn)集合　　 注意拼寫(xiě):Elements document.getElementsByName(name); 　　　　返回帶有指定標(biāo)簽名的對(duì)象集合　 注意拼寫(xiě)：Elements document.getElementsByTagName(...

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

  • DOM 小總結(jié)

    摘要：在瀏覽器中，對(duì)象是繼承自類型的一個(gè)實(shí)例，表示整個(gè)頁(yè)面。它這種情況稱為文檔碎片，還無(wú)法顯示在瀏覽器的畫(huà)面中。創(chuàng)建一個(gè)文本節(jié)點(diǎn)并添加到新元素中的代碼如下總結(jié)文檔對(duì)象模型，是針對(duì)和文檔的一個(gè)應(yīng)用程序編程接口，描繪了一個(gè)層次化的節(jié)點(diǎn)樹(shù)。 DOM 是什么 文檔對(duì)象模型，是針對(duì) HTML 和 XML 文檔的一個(gè) API (應(yīng)用程序編程接口)， 描繪了一個(gè)層次化的節(jié)點(diǎn)樹(shù)。 D: document 當(dāng)...

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

  • DOM 小總結(jié)

    摘要：在瀏覽器中，對(duì)象是繼承自類型的一個(gè)實(shí)例，表示整個(gè)頁(yè)面。它這種情況稱為文檔碎片，還無(wú)法顯示在瀏覽器的畫(huà)面中。創(chuàng)建一個(gè)文本節(jié)點(diǎn)并添加到新元素中的代碼如下總結(jié)文檔對(duì)象模型，是針對(duì)和文檔的一個(gè)應(yīng)用程序編程接口，描繪了一個(gè)層次化的節(jié)點(diǎn)樹(shù)。 DOM 是什么 文檔對(duì)象模型，是針對(duì) HTML 和 XML 文檔的一個(gè) API (應(yīng)用程序編程接口)， 描繪了一個(gè)層次化的節(jié)點(diǎn)樹(shù)。 D: document 當(dāng)...

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

  • JavaScript高程第十章:DOM(中)

    摘要：主要介紹不常用的類型這里介紹我們的其他類型包括以下幾個(gè)類型類型類型類型類型類型類型類型文本節(jié)點(diǎn)由類型表示特征值為為為節(jié)點(diǎn)包含的文本是一個(gè)不支持沒(méi)有子節(jié)點(diǎn)我們可以通過(guò)訪問(wèn)節(jié)點(diǎn)包含的文本方法將添加到節(jié)點(diǎn)末尾從指定位置開(kāi)始刪除個(gè)字符從指定 主要介紹不常用的DOM類型 這里介紹我們的其他類型,包括以下幾個(gè)類型: Text類型 Comment類型 CDATASection類型 Document...

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

  • JS總結(jié)篇--[總結(jié)]JS操作DOM常用API詳解

    摘要：文本整理了操作的一些常用的，根據(jù)其作用整理成為創(chuàng)建，修改，查詢等多種類型的，主要用于復(fù)習(xí)基礎(chǔ)知識(shí)，加深對(duì)原生的認(rèn)識(shí)。方法主要是用于添加大量節(jié)點(diǎn)到文檔中時(shí)會(huì)使用到。 文本整理了javascript操作DOM的一些常用的api，根據(jù)其作用整理成為創(chuàng)建，修改，查詢等多種類型的api，主要用于復(fù)習(xí)基礎(chǔ)知識(shí)，加深對(duì)原生js的認(rèn)識(shí)。 基本概念 在講解操作DOM的api之前，首先我們來(lái)復(fù)習(xí)一下一些基...

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

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

0條評(píng)論

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