2. 程式人生 > >DOM 子節點 和兄弟節點

DOM 子節點 和兄弟節點

阿新 • • 發佈：2019-02-20

firstChild

元素.firstChild : 只讀 屬性 第一個子節點

  • 標準下： firstChild會包含文字型別的節點

  • 非標準下： 只包含元素節點

firstElementChild

  • 元素.firstElementChild: 只讀 屬性 標準下獲取第一個元素型別的子節點，非標準下是不存在

結合起來的相容寫法：

var oFirst = oUl.fistElementChild || oUl.firstChild;

lastChild 和 lastElementChild

  • 元素.lastChild || 元素.lastElementChild

跟fistChild 類似

nextSibling 和 nextElementSibling

  • 元素.nextSibling || 元素.nextElementSibling
    下一個兄弟節點

previousSibling 和 previousElementSibling

  • 元素.previousSibling || 元素.previousElementSibling
    下一個兄弟節點

相關推薦

DOM 子節點 和兄弟節點

firstChild 元素.firstChild : 只讀 屬性 第一個子節點 標準下： firstChild會包含文字型別的節點 非標準下： 只包含元素節點 firstElementCh

【JavaScript】JS獲取子節點、父節點和兄弟節點的幾種方式，附CSS組合選擇器

【一】、JS獲取子節點的方式     1，通過獲取dom方式直接獲取子節點        1） document.getElementById("ID");        2） document.getElementsByTagName("tagName")        

selenium 查詢父子節點和兄弟節點

<html> <body> <div id="parent"> parent <div id="A"> old brother</div> <div id="B"> child</div>

3父節點和兄弟節點

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

html dom父節點，子節點，兄弟節點

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head

JS——DOM操作（首尾子節點、兄弟節點【firstChild、previousSibling...】）

（一）首尾子節點： 【首】：firstChild、 firstElementChild 【尾】：lastChild、 lastElementChild （首尾兩個子節點，有兩種寫法，主要是因為相容性問題）    詳情看以下程式碼：　　（lastChild、 lastElement

JQuery 各節點獲取函數：父節點，子節點，兄弟節點

集合 exp pos 完全 children content 文本 內容 clas jQuery.parent(expr) //找父元素 jQuery.parents(expr) //找到所有祖先元素，不限於父元素 jQuery.chi

jquery獲取父節點，子節點。兄弟節點

$('#id').siblings() 當前元素所有的兄弟節點 $('#id').prev() 當前元素前一個兄弟節點 $('#id').prevaAll() 當前元素之前所有的兄弟節點 $('#id'

原生 js 操作dom的方法（建立節點和操作節點的幾種方法）

var  newNode=  document.createElement("p");//建立新節點 var  text=  document.createTextNode("hello");//建立文字節點 newNode.appendChild(text); docum

使用jQuery獲取父級節點、兄弟節點、子級節點的方法

一、jQuery的父節點查詢方法         $(selector).parent(selector)：獲取父節點         $(selector).parentNode：以node[]的形式存放父節點，如果沒有父節點，則返回空陣列         $(s

js對節點的操作，新增，刪除，獲得父節點，子節點，兄弟節點

<pre name="code" class="javascript">var chils= s.childNodes; //得到s的全部子節點 var par=s.parentNod

JavaScript獲取子節點、父節點、兄弟節點方法

特別宣告：文章轉自點選開啟連結一、js獲取子節點的方式1.通過獲取dom方式直接獲取子節點其中test的父標籤id的值，div為標籤的名字。getElementsByTagName是一個方法。返回的是一個數組。在訪問的時候要按陣列的形式訪問。11.var a = docume

Extjs4中tree元件子節點和父節點的級聯操作

方式一： checkchange:function(node,checked,options){ //遍歷孩子，遞迴實現找到所有孩子節點 var allChild=function(node,flag){ node.eachChild(

jquery獲取子節點和父節點的示例程式碼

一、獲取子節點  比如是一個 id 為 test 的 div元素，我們這樣選中，$('#test')，我們要查詢這個div下的一個class為demo的span元素，有一下幾種方法  1、使用篩選條件  $('#test span.demo')  2、使用find()函式  $('#test').find(

k8s master 節點和 node 節點 啟動分析

tcp tcp6 兩個 fff master type term coredns lan Master 節點 coredns 2 個 ，對應的pause 容器 2 個flannel 1 個 ，對應的pause 容器 1 個proxy 1 個 ，對應的

redis叢集新增節點和刪除節點

redis叢集新增節點 1、主節點：如果新增的是主節點，那麼我們需要建立一個空節點，然後將某些雜湊槽移動到這個空節點裡面。 2、從節點：如果新增的是從節點，我們也需要建立一個空節點，然後把這個新節點設定成叢集中某個主節點的複製品。 新增節點： 1、首先把需要新增的節點啟動 建立7

反轉連結串列 有頭節點和無頭節點

有頭節點 參考：https://blog.csdn.net/blioo/article/details/62050967 linkList reverse(linkList head){ linkList p,q,pr; p = head->next; q = NULL;

SQL Server 查詢樹結構的表首節點和尾節點案例

一.建立表 DECLARE @t Table(id CHAR(1),parentId CHAR(1)) INSERT INTO @t values('a','') INSERT INTO @t values('b','a') INSERT INTO @t values('c','b') INSE

Kafka 資料遷移(增加節點和減少節點均適用)

當Kafka 減少Broker節點後，需要把資料分割槽遷移到其他節點上，以下將介紹我的一次遷移驗證過程。 前3步為環境準備，實際資料操作看第4步即可 增加Broker節點，也可以採用步驟4相同的方法進行重新分割槽 方案思想：使用kafka-reassign-partitions命令，

（3）寫簡單釋出節點和訂閱節點

ROS與C++入門教程-寫簡單釋出節點和訂閱節點 說明： 介紹用C++編寫簡單釋出節點和訂閱節點 準備 第三節已經建立的基本的工作空間catkin_ws和教程包beginner_tutorials 編寫釋出節點 進入教程目錄,並新建源目錄和