JavaScript children
children不符合w3c標準,幸運的是,所有主流瀏覽器都支援此屬性。
符合w3c規範的對應屬性可以參閱JavaScript childNodes一章節。
此屬效能夠獲取父節點下的所有一級子節點,子節點中不包括文字節點。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> window.onload=function(){ var theli=document.getElementById("theli"); var bt=document.getElementById("bt"); bt.onclick=function(){ theli.children[1].innerHTML="螞蟻部落歡迎您" } } </script> </head> <body> <ul> <li id="theli"> <input type="checkbox" /> <span>螞蟻部落一</span> <span>螞蟻部落二</span> </li> </ul> <input type="button" id="bt" value="檢視結果" /> </body> </html>
以上程式碼點選按鈕可以改變第一個span元素的內容。
children屬性獲取的內容不包含文字節點,只包含元素節點。
相關文章
- JavaScript之childNodes 和 children 區別JavaScript
- jQuery children()jQuery
- react解析 React.Children(二)React
- React的this.props.childrenReact
- jQuery的addClass,children,showjQuery
- school dictionary, kids dictionary, children dictionary
- React元件中對子元件children進行加強React元件
- java 查詢資料庫並生成多層childrenJava資料庫
- vue 路由自動化[讀取vue檔案目錄][支援children]Vue路由
- 學習動態效能表(11)--v$latch$v$latch_children
- [LeetCode] 3075. Maximize Happiness of Selected ChildrenLeetCodeAPP
- [譯] 如何向帶有插槽的 React 元件傳遞多個 ChildrenReact元件
- 短視訊直播原始碼,React children元件例項提示框原始碼React元件
- React報錯之React.Children.only expected to receive single React element childReact
- (轉):學習Oracle動態效能表-(11)-v$latch$ v$latch_childrenOracle
- vue輪播元件實現,$children和$parent,附帶好用的gif錄製工具Vue元件
- 502bad gateway尋因——php-fpm關鍵引數:max_children和backlogGatewayPHP
- 劍走偏鋒之Vue 元件通訊(一)—通過$parent和$children構建自己的通訊方式Vue元件
- [文件教程][通用]模板中直接獲取對應分類的任意級別子分類資料:get_children_by_categoryGo
- JavaScript高階:JavaScript物件導向,JavaScript內建物件,JavaScript BOM,JavaScript封裝JavaScript物件封裝
- 工作193:vue.runtime.esm.js?2b0e:619 [Vue warn]: <transition-group> children must be keyed: <ElTag>VueJS
- javaScript系列[06]-javaScript和thisJavaScript
- 【JavaScript學習】JavaScript物件建立JavaScript物件
- 【轉】eval()函式(javascript) - [javaScript]函式JavaScript
- [Javascript] How javascript read the property?JavaScript
- JavaScript -"this"JavaScript
- javascript ??JavaScript
- This in JavaScriptJavaScript
- “This” is For JavaScriptJavaScript
- javascript thisJavaScript
- JavaScriptJavaScript
- javaScript系列[05]-javaScript和JSONJavaScriptJSON
- 44 道 JavaScript 難題(JavaScript Puzzlers!)JavaScript
- 【轉向JavaScript系列】AST in Modern JavaScriptJavaScriptAST
- javascript,還是javascript的問題JavaScript
- YT03-遞推求解課堂題目-1005 Children’s Queue-(6.7日-煙臺大學ACM預備隊解題報告)ACM
- JavaScript 教程之JavaScript常用框架簡介JavaScript框架
- 《深入理解JavaScript》——2.3 JavaScript有用嗎JavaScript