收藏本站 收藏本站
積木網首頁 - 軟件測試 - 常用手冊 - 站長工具 - 技術社區
首頁 > JavaScript > JS基礎入門 > 正文

首頁 - PHP - 數據庫 - 操作系統 - 游戲開發 - JS - Android - MySql - Redis - MongoDB - Win8 - Shell編程 - DOS命令 - jQuery - CSS樣式 - Python - Perl

Access - Oracle - DB2 - SQLServer - MsSql2008 - MsSql2005 - Sqlite - PostgreSQL - node.js - extjs - JavaScript vbs - Powershell - Ruby

詳談DOM簡介及節點、屬性、查找節點的方法

DOM(Document Object Modle) 操作文檔的編程接口

DOM定義了表示和修改文檔的方法,不能修改css樣式表,在js中使用DOM方法改變元素的css樣式,實質上是在元素上添加行間樣式。

DOM對象就是宿主對象,用來操作HTML和xml功能對象的集合。 xml——>xhtml——>html4.0——>html5

HTML和xml的區別:除了xml可以自定義標簽外基本上沒區別,xml被json替代了。

document,單獨寫的時候,它代表整個文檔,隱式的寫在html標簽的上一層,html只是文檔中的根標簽。

注意點:BOM、DOM成組的東西都是類數組,而不是數組。

獲取元素的方法:

getElementById();

在IE8以下的瀏覽器不區分id值得大小寫,并且匹配元素的name的屬性值。由于后臺會修改id值,所以盡量不用或少用id。

getElementsByTagName();標簽名,所有瀏覽器都支持

getElementsByClassName(); IE8及其以下得瀏覽器不支持

getElementsByName(); 在舊版本中,只有能提交請求的標簽的name才生效(form、表單元素、img、iframe)

document.querySelector(); css選擇器,IE7及以下不兼容,并且不具有實時性。

document.querySelectAll();

節點類型:

元素節點 1

屬性節點 2

文本(text)節點 3 // 文本、空格、回車等都是文本節點

注釋(comment)節點 8

document節點 9

documentfragment 11

遍歷節點數:

parentNode 子節點的父節點,最終的parentNode節點是document節點。

childNodes 父節點的所有子節點,元素節點、注釋節點、文本節點

firstChild 第一個子節點

lastChild 最后一個子節點

nextSibling 下一個兄弟節點

previousSibling 前一個兄弟節點

遍歷元素節點數:(除了children節點,其他的都是IE9及以下不兼容)

parentElement 元素的父元素節點,最終的父元素節點是html元素,document是自成節點。

children 父元素下的元素子節點。

node.childElementCount === node.children.length 當前子節點的元素子節點個數。用children.length。

firstElementChild 第一個元素子節點

lastElementChild 最后一個元素子節點

nextElementSibling、previousElemnetSibling

節點的四個屬性:

nodeName 除了元素節點,返回的結果前面都有一個‘#',而元素節點返回大寫形式的標簽名,類型都為只讀。

nodeValue 只用于文本節點和注釋節點,可讀寫。

nodeType 返回數字,該數字代表對應的節點類型。只讀

attributes 元素節點的屬性集合。

node.hasChildNodes()方法,判斷父節點里面是否有子節點,返回結果為布爾值。

以上這篇詳談DOM簡介及節點、屬性、查找節點的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持積木網。

javascript Function函數理解與實戰
Function函數是javascript的基礎也是實現功能的一個引爆點,我們通過實例分析讓你對Function函數有一個更加深刻的理解以及在實際中的用法講解。Function確

如何讓你的JS代碼更好看易讀
作為JS程序員,自己寫的代碼如果好看易讀,不只是自己看起來好看,在別的程序員接手以后,也會是交接工作異常順利。不要在代碼中留大段注釋掉的

基于js 字符串indexof與search方法的區別(詳解)
1.indexof方法indexOf()方法可返回某個指定的字符串值在字符串中首次出現的位置。語法:注意:有可選的參數(即設置開始的檢索位置)。2、search方法sear

本周排行

更新排行

強悍的草根IT技術社區,這里應該有您想要的! 友情鏈接:b2b電子商務
Copyright © 2010 Gimoo.Net. All Rights Rreserved  京ICP備05050695號
手游棋牌游戏运营
内蒙古福彩时时彩玩法介绍 白小姐今晚现场开奖结果 吉林时时开奖现场报码 重庆时时2期计划网页 时时彩定千位 河南快3开奖福彩网 极速时时太假了 香港马会49走势图 重庆时时彩20分钟一期 天津时时合买平台 内蒙古时时的玩法 微乐北京麻将 pc蛋蛋一期精准计划 透宣app 重庆时时彩新开奖结果记录表 淘宝网广西快3走势图