節(jié)點操作

MiracleWong 發(fā)布于2019-08-23 12:14 / 2854人閱讀

Dom節(jié)點操作方法

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

document.getElementById(id);

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

document.getElementsByName(name);

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

document.getElementsByTagName(tagname);

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

document.getElementsByClassName(classname)

2.創(chuàng)建節(jié)點/屬性
創(chuàng)建一個節(jié)點

document.createElement(eName);

　
對某個節(jié)點創(chuàng)建屬性

document.createAttribute(attrName);

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

document.createTextNode(text);

3.添加節(jié)點
在某個節(jié)點前插入節(jié)點

document.insertBefore(newNode,referenceNode);

　
給某個節(jié)點添加子節(jié)點

parentNode.appendChild(newNode);

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

cloneNode(true | false);

5.刪除節(jié)點
刪除某個節(jié)點的子節(jié)點 node是要刪除的節(jié)點

parentNode.removeChild(node)；

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

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

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

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

appendData(data)；

將從start處刪除length個字符

deleteData(start,length);

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

insertData(start,data);

在start處用data替換length個字符

replaceData(start,length,data);

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

splitData(offset);

從start處提取length個字符

substringData(start,length);

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

getAttribute(name)

修改某個節(jié)點屬性的值

setAttribute(name,value);

刪除某個屬性

removeAttribute(name)；

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

parentObj.firstChild;　　
parentObj.firstChild.firstChild

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

parentObj.lastChild;　　
parentObj.lastChild.lastChild

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

parentObj.childNodes;

9.獲取相鄰的節(jié)點
獲取已知節(jié)點的相鄰的上一個節(jié)點

curtNode.previousSibling;

獲取已知節(jié)點的下一個節(jié)點

curtNode.nextSlbling；

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

childNode.parentNode;

11.替換節(jié)點

replace(newNode,oldNode)；

云服務器 GPU云服務器節(jié)點操作 js中操作dom節(jié)點 refusing操作操作word問題 linux操作系統(tǒng)操作教程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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