節點操作

MiracleWong 發布于2019-08-23 12:14 / 2847人閱讀

Dom節點操作方法

1.訪問/獲取節點
返回對擁有指定id的第一個對象進行訪問

document.getElementById(id);

返回帶有指定名稱的節點集合　　注意拼寫:Elements

document.getElementsByName(name);

　　　　
返回帶有指定標簽名的對象集合　注意拼寫：Elements

document.getElementsByTagName(tagname);

　　
返回帶有指定class名稱的對象集合注意拼寫：Elements

document.getElementsByClassName(classname)

2.創建節點/屬性
創建一個節點

document.createElement(eName);

　
對某個節點創建屬性

document.createAttribute(attrName);

創建文本節點

document.createTextNode(text);

3.添加節點
在某個節點前插入節點

document.insertBefore(newNode,referenceNode);

　
給某個節點添加子節點

parentNode.appendChild(newNode);

4.復制節點
復制某個節點參數：是否復制原節點的所有屬性

cloneNode(true | false);

5.刪除節點
刪除某個節點的子節點 node是要刪除的節點

parentNode.removeChild(node)；

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

nodeType 屬性可返回節點的類型.最重要的節點類型是：
元素類型節點類型
元素element
屬性attr
文本text
注釋comments
文檔document

6.修改文本節點

將data加到文本節點后面

appendData(data)；

將從start處刪除length個字符

deleteData(start,length);

在start處插入字符,start的開始值是0;

insertData(start,data);

在start處用data替換length個字符

replaceData(start,length,data);

在offset處分割文本節點

splitData(offset);

從start處提取length個字符

substringData(start,length);

7.屬性操作
通過屬性名稱獲取某個節點屬性的值

getAttribute(name)

修改某個節點屬性的值

setAttribute(name,value);

刪除某個屬性

removeAttribute(name)；

8.查找節點
如果節點為已知節點的第一個子節點就可以使用這個方法。此方法可以遞歸進行使用

parentObj.firstChild;　　
parentObj.firstChild.firstChild

獲得一個節點的最后一個節點，與firstChild一樣也可以進行遞歸使用

parentObj.lastChild;　　
parentObj.lastChild.lastChild

獲得節點的所有子節點，然后通過循環和索引找到目標節點

parentObj.childNodes;

9.獲取相鄰的節點
獲取已知節點的相鄰的上一個節點

curtNode.previousSibling;

獲取已知節點的下一個節點

curtNode.nextSlbling；

10.獲取父節點
得到已知節點的父節點

childNode.parentNode;

11.替換節點

replace(newNode,oldNode)；

GPU云服務器云服務器節點操作 js中操作dom節點 refusing操作操作word問題 linux操作系統操作教程

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/98174.html

公有云端USDP集群資源節點管理智能大數據平臺 USDP

摘要：目前暫不支持用戶主動對主節點監控節點的刪除操作。不允許對節點執行刪除操作，且節點至少保留臺。方式三通過云主機內網進行登錄。當需要通過云主機登陸大數據集群節點時，請留意云主機與大數據集群的內網是否可達，如在同一中，或不同設置了互通。公有云端USDP集群資源節點管理本篇目錄添加節點資源刪除節點資源綁定EIP、設置防火墻資源節點登錄節點基本操作通過本章節介紹，即可對USDP集群的所有公有云端集群...

ernest.wang 2022-07-12 17:39 評論0 收藏708
圖解SynchronousQueue原理詳解-公平模式

摘要：如果節點不為說明已經有其他線程進行操作將節點替換為節點等待有消費者消費線程。如果頭節點下一個節點是當前節點以防止其他線程已經修改了節點則運算，否則直接返回。一、介紹 SynchronousQueue是一個雙棧雙隊列算法，無空間的隊列或棧，任何一個對SynchronousQueue寫需要等到一個對SynchronousQueue的讀操作，反之亦然。一個讀操作需要等待一個寫操作，相當于是...

jifei 2019-08-16 17:18 評論0 收藏0
React 源碼剖析系列－不可思議的 react diff

摘要：目前，前端領域中勢頭正盛，使用者眾多卻少有能夠深入剖析內部實現機制和原理。當發現節點已經不存在，則該節點及其子節點會被完全刪除掉，不會用于進一步的比較。目前，前端領域中 React 勢頭正盛，使用者眾多卻少有能夠深入剖析內部實現機制和原理。本系列文章希望通過剖析 React 源碼，理解其內部的實現原理，知其然更要知其所以然。 React diff 作為 Virtual DOM 的加速...

shuibo 2019-08-21 10:47 評論0 收藏0
大牛整理的ZooKeeper筆記

摘要：除此之外，它嚴格的序列訪問控制意味著復雜的控制原語可以應用在客戶端上。版本號對節點的每一個操作都將致使這個節點的版本號增加。事件是一次性的觸發器，當的對象狀態發生改變時，將會觸發此對象上所對應的事件。節點事件節點的建立，刪除，數據的修改。目錄一、ZooKeeper概述二、ZooKeeper數據模型三、ZooKeeper服務中操作四、Watch觸發器五、ZooKeeper應用...

Noodles 2019-08-16 17:41 評論0 收藏0
圖解AQS原理之ReentrantLock詳解-非公平鎖

摘要：內部提供了兩種的實現，一種公平模式，一種是非公平模式，如果沒有特別指定在構造器中，默認是非公平的模式，我們可以看一下無參的構造函數。概述并發編程中，ReentrantLock的使用是比較多的，包括之前講的LinkedBlockingQueue和ArrayBlockQueue的內部都是使用的ReentrantLock，談到它又不能的不說AQS，AQS的全稱是AbstractQueue...

Clect 2019-08-16 17:49 評論0 收藏0
關于 MongoDB 復制集的幾個問題

摘要：所有的讀操作都在復制集的從節點上執行。讀操作會在復制集中網絡延時最小的節點上進行，與節點類型無關。根據上面講的，如果復制集的讀選項是配置的。為了避免這種情況，提高服務的可用性，可以在服務器上部署一個投票節點。為什么要使用復制集 1.備份數據通過自帶的 mongo_dump/mongo_restore 工具也可以實現備份，但是畢竟沒有復制集的自動同步備份方便。 2.故障自動轉移部署了復...

awokezhou 2019-06-27 11:45 評論0 收藏0