HTML DOM nextSibling 和nextElementSibling屬性
nextSibling 和nextElementSibling的區別
- nextSibling屬性返回元素節點之後的兄弟節點(包括文字節點、註釋節點);
- nextElementSibling屬性只返回元素節點之後的兄弟元素節點(不包括文字節點、註釋節點);
定義和用法
- nextSibling 屬性返回指定節點之後緊跟的節點,在相同的樹層級中。
- 被返回的節點以 Node 物件返回。、
註釋:如果沒有 nextSibling 節點,則返回值為 null。
- 使用nextElementSibling屬性返回指定元素之後的下一個兄弟元素,(即:相同節點樹層中的下一個元素節點)。
例項
此例中就要用nextElementSibling給p標籤新增文字,如果用nextSibling就會報如下錯誤:
也可以去掉中間多餘的內容,input的nextSibling就是p結點。
相關推薦
HTML DOM nextSibling 和nextElementSibling屬性
nextSibling 和nextElementSibling的區別 nextSibling屬性返回元素節點之後的兄弟節點(包括文字節點、註釋節點); nextElementSibling屬性只返回元素節點之後的兄弟元素節點(不包括文字節點、註釋節點); 定義和用法
JavaScript學習——DOM獲取和設定屬性
1.getAttribute是一個函式。它只有一個引數——你打算查詢的屬性的名字: object.getAttribute(attribute) getAttribute方法不屬於document物件,所以不能通過document物件進行呼叫。例如,可以與getElemen
nextSibling 和nextElementSibling的區別
使用nextSibling屬性返回指定節點之後的下一個兄弟節點,(即:相同節點樹層中的下一個節點)。nextSibling屬性與nextElementSibling屬性的差別: nextSibling屬性返回元素節點之後的兄弟節點(包括文字節點、註釋節點即回車、換行、空格、文
JS HTML DOM物件和指令碼函式的互呼叫(字串標識)
從目標物件到script函式的呼叫: Js引擎會根據字串值,搜尋上下文,獲取指定型別名字的目標物件,對目標物件執行函式。 當然onclick=message()也是可以呼叫的(js函式是非字串形式)。 <input type="button"value="View m
HTML常用標籤和常用屬性(筆記)
HTML標籤:<meta> 定義文件的字元編碼。<cite> 定義參考文獻的引用。<q> 用於簡短的行內引用。<blockquote> 將從周圍內容分離出來比較長的部分。<em> 標籤用於強調文字,其包含的文字預設顯
HTML DOM firstChild lastChild nextSibling previousSibling 屬性_獲取屬性值的undefined問題
++ ogl dom tel 文本 next ssi 上一個 fin 1 <html> 2 <head> 3 <title>HTML示例</title> 4 <style type="text/c
HTML DOM 物件的屬性和方法
getElementById(id) ———— 獲取帶有指定id的節點元素。 getElementByTagName(tagename)———– 獲取相應標籤元素的子元素集合,它允許吧萬用字元作為它的引數,“”*“”一般是放在引號中以區分乘號。返回值是偽陣列。 getElementByClassName(c
JavaScript HTML DOM節點型別之Document型別(Document物件屬性和Document物件集合屬性)
ocument物件使我們可以用JavaScript對 HTML 頁面中的所有元素進行訪問。要訪問 HTML 頁面中元素,除可以用Document物件中的方法外,還可以通過Document物件的屬性。Document物件的屬性和方法中有的可返回單個Element元素物件,有
核心DOM和html DOM的區別
技術分享 row 標簽 node splay out mov ... tex DOM分為三部分: (1)核心DOM:遍歷DOM樹、添加新節點、刪除節點、修改節點 (2)HTML DOM:以一種簡便的方法訪問DOM樹 (3)XML DOM:準用於操作XML文檔 核心D
HTML DOM 屬性
使用 tab 簡單方法 htm 文本節點 undefined text 大寫 null innerHTML 屬性 獲取元素內容的最簡單方法是使用 innerHTML 屬性。 innerHTML 屬性對於獲取或替換 HTML 元素的內容很有用。 實例 下面的代碼獲取 id="
使用HTML DOM 來分配事件 —— onmouseover和onmouseout ,onmousedown和onmouseup
wid bsp this 謝謝 seo -c png 代碼 inner 一, onmouseover 和 onmouseout 事件 onmouseover 和 onmouseout 事件可用於在用戶的鼠標移至 HTML 元素上方或移出元素時觸發函數。 一個小例:鼠標未在上
html表單中的name屬性和value屬性
標簽 put -s tex 什麽 input 例子 htm use 舉例: 比如<input type="text" name=" username" value="aa">女孩 在這個例子中value究竟有什麽用啊,後面都寫了女孩了,顯示的內容一定是女孩 女孩
HTML常用元素和屬性(一)
鍵盤 set res html 5 格式 stc down 下標 術語 1:基礎元素 <!--..-->定義註釋 <html>根元素 <head>頁面頭部分 <title>頁面標題 <body>主題部分,屬性可以指
HTML常用元素和屬性(二)
類型 語言 javascrip load height mail rip bubuko name 4:使用a元素添加超鏈接和錨點 <href>指定超鏈接連接到另外一個資源 <hreflang>指定超鏈接所連接的文檔所使用的語言 <target&
HTML常用元素和屬性(三)
表頭 cell -type separate caption 寬度 ava 測試表 ont 7:表格相關元素 <table>定表格,可用屬性cellpedding:單元格和內容之間的間距;cellspacing:單元格之間的間距;width:表格的寬度 <
HTML和CSS屬性的正確書寫規範
規範 linear 元素 ear ack -a ott 回流 bili 網頁的重要性評級: 網頁的排名。 標簽的語義化,正確的標簽做正確的事情。 提升網頁的加載速度。1. CSS代碼優化,代碼的正確排列順序,不正確的代碼會導致瀏覽器解析代碼回流,會拖慢瀏覽器的加載速度。
html/css/js-如何利用jq來更改屬性的值和獲取屬性的值
lec tor 遇到 efi sha 小問題 width href name屬性 jquery的使用在web開發中是非常廣泛的,雖然說比較容易,易學,但在開發過程中,也總是會碰到各種各樣的小問題。 我曾經就遇到這種問題,jq如何獲取屬性值和更改屬性值的。 眾所周知,attr
HTML DOM 定義了訪問和操作 HTML 文檔的標準方法。
一個 undefined work 事物 屬性。 按鍵 版本 等等 javascrip HTML DOM 定義了訪問和操作 HTML 文檔的標準方法。DOM 以樹結構表達 HTML 文檔。:::::::::::::::::::::::::::::::::::::::::::
Dom模型之dataset屬性/Html元素標籤的data-*屬性
dataset屬性 有時,需要在HTML元素上附加資料,供JavaScript指令碼使用。一種解決方法是自定義屬性。 <div id="mydiv" foo="bar"> 上面程式碼為div元素自定義了foo屬性,然後可以用getAttri
HTML DOM中click和onclick區別
onclick是繫結事件,click本身是方法作用是觸發onclick事件 其區別在於: 1.事件名前一般都以on開頭; 2.方法是程式設計師寫語句直接呼叫,即顯示呼叫;【可以觸發onclick事件】 3.事件不需程式設計師呼叫,但是,必須由程式設計師寫一個函式且將該函式賦值給相