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

資訊專欄INFORMATION COLUMN

節(jié)點(diǎn)操作

MiracleWong / 2901人閱讀

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
屬性attr
文本text
注釋comments
文檔document

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://m.hztianpu.com/yun/98174.html

相關(guān)文章

  • 公有云端USDP集群資源節(jié)點(diǎn)管理 智能大數(shù)據(jù)平臺(tái) USDP

    摘要：目前暫不支持用戶主動(dòng)對(duì)主節(jié)點(diǎn)監(jiān)控節(jié)點(diǎn)的刪除操作。不允許對(duì)節(jié)點(diǎn)執(zhí)行刪除操作，且節(jié)點(diǎn)至少保留臺(tái)。方式三通過(guò)云主機(jī)內(nèi)網(wǎng)進(jìn)行登錄。當(dāng)需要通過(guò)云主機(jī)登陸大數(shù)據(jù)集群節(jié)點(diǎn)時(shí)，請(qǐng)留意云主機(jī)與大數(shù)據(jù)集群的內(nèi)網(wǎng)是否可達(dá)，如在同一中，或不同設(shè)置了互通。 公有云端USDP集群資源節(jié)點(diǎn)管理本篇目錄添加節(jié)點(diǎn)資源刪除節(jié)點(diǎn)資源綁定EIP、設(shè)置防火墻資源節(jié)點(diǎn)登錄節(jié)點(diǎn)基本操作通過(guò)本章節(jié)介紹，即可對(duì)USDP集群的所有公有云端集群...

    ernest.wang 評(píng)論0 收藏708

  • 圖解SynchronousQueue原理詳解-公平模式

    摘要：如果節(jié)點(diǎn)不為說(shuō)明已經(jīng)有其他線程進(jìn)行操作將節(jié)點(diǎn)替換為節(jié)點(diǎn)等待有消費(fèi)者消費(fèi)線程。如果頭節(jié)點(diǎn)下一個(gè)節(jié)點(diǎn)是當(dāng)前節(jié)點(diǎn)以防止其他線程已經(jīng)修改了節(jié)點(diǎn)則運(yùn)算，否則直接返回。 一、介紹 SynchronousQueue是一個(gè)雙棧雙隊(duì)列算法，無(wú)空間的隊(duì)列或棧，任何一個(gè)對(duì)SynchronousQueue寫(xiě)需要等到一個(gè)對(duì)SynchronousQueue的讀操作，反之亦然。一個(gè)讀操作需要等待一個(gè)寫(xiě)操作，相當(dāng)于是...

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

  • React 源碼剖析系列 － 不可思議的 react diff

    摘要：目前，前端領(lǐng)域中勢(shì)頭正盛，使用者眾多卻少有能夠深入剖析內(nèi)部實(shí)現(xiàn)機(jī)制和原理。當(dāng)發(fā)現(xiàn)節(jié)點(diǎn)已經(jīng)不存在，則該節(jié)點(diǎn)及其子節(jié)點(diǎn)會(huì)被完全刪除掉，不會(huì)用于進(jìn)一步的比較。 目前，前端領(lǐng)域中 React 勢(shì)頭正盛，使用者眾多卻少有能夠深入剖析內(nèi)部實(shí)現(xiàn)機(jī)制和原理。本系列文章希望通過(guò)剖析 React 源碼，理解其內(nèi)部的實(shí)現(xiàn)原理，知其然更要知其所以然。 React diff 作為 Virtual DOM 的加速...

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

  • 大牛整理的ZooKeeper筆記

    摘要：除此之外，它嚴(yán)格的序列訪問(wèn)控制意味著復(fù)雜的控制原語(yǔ)可以應(yīng)用在客戶端上。版本號(hào)對(duì)節(jié)點(diǎn)的每一個(gè)操作都將致使這個(gè)節(jié)點(diǎn)的版本號(hào)增加。事件是一次性的觸發(fā)器，當(dāng)?shù)膶?duì)象狀態(tài)發(fā)生改變時(shí)，將會(huì)觸發(fā)此對(duì)象上所對(duì)應(yīng)的事件。節(jié)點(diǎn)事件節(jié)點(diǎn)的建立，刪除，數(shù)據(jù)的修改。 目錄 一、ZooKeeper概述 二、ZooKeeper數(shù)據(jù)模型 三、ZooKeeper服務(wù)中操作 四、Watch觸發(fā)器 五、ZooKeeper應(yīng)用...

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

  • 圖解AQS原理之ReentrantLock詳解-非公平鎖

    摘要：內(nèi)部提供了兩種的實(shí)現(xiàn)，一種公平模式，一種是非公平模式，如果沒(méi)有特別指定在構(gòu)造器中，默認(rèn)是非公平的模式，我們可以看一下無(wú)參的構(gòu)造函數(shù)。 概述 并發(fā)編程中，ReentrantLock的使用是比較多的，包括之前講的LinkedBlockingQueue和ArrayBlockQueue的內(nèi)部都是使用的ReentrantLock，談到它又不能的不說(shuō)AQS，AQS的全稱是AbstractQueue...

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

  • 關(guān)于 MongoDB 復(fù)制集的幾個(gè)問(wèn)題

    摘要：所有的讀操作都在復(fù)制集的從節(jié)點(diǎn)上執(zhí)行。讀操作會(huì)在復(fù)制集中網(wǎng)絡(luò)延時(shí)最小的節(jié)點(diǎn)上進(jìn)行，與節(jié)點(diǎn)類型無(wú)關(guān)。根據(jù)上面講的，如果復(fù)制集的讀選項(xiàng)是配置的。為了避免這種情況，提高服務(wù)的可用性，可以在服務(wù)器上部署一個(gè)投票節(jié)點(diǎn)。 為什么要使用復(fù)制集 1.備份數(shù)據(jù)通過(guò)自帶的 mongo_dump/mongo_restore 工具也可以實(shí)現(xiàn)備份，但是畢竟沒(méi)有復(fù)制集的自動(dòng)同步備份方便。 2.故障自動(dòng)轉(zhuǎn)移部署了復(fù)...

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

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

0條評(píng)論

閱讀需要支付1元查看
<