資源描述:
《js獲取html元素節(jié)點方法》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、Javascript獲取網(wǎng)頁中HTML元素的集中方法分析getElementById?getElementsByName?getElementsByTagName?大概介紹? getElementById?,getElementsByName?,getElementsByTagName 后兩個是得到集合,byid只是得到單個對象 getElementById?的用法 舉個例子: 網(wǎng)頁陶吧 同一頁面
2、內(nèi)的引用方法: 1、使用id: link1.href,返回值為http://homepage.yesky.com 2、使用name: document.all.linkname1.href,返回值為http://homepage.yesky.comJavascript獲取網(wǎng)頁中HTML元素的集中方法分析getElementById?getElementsByName?getElementsByTagName?大概介紹? getElementById?,getElementsByName?,getElementsByTagName
3、 后兩個是得到集合,byid只是得到單個對象 getElementById?的用法 舉個例子: 網(wǎng)頁陶吧 同一頁面內(nèi)的引用方法: 1、使用id: link1.href,返回值為http://homepage.yesky.com 2、使用name: document.all.linkname1.href,返回值為http://homepage.yesky.com 3、使用sourseInde
4、x: document.all(4).href?//注意,前面還有HTML、HEAD、TITLE和BODY,所以是4 4、使用鏈接集合: document.anchors(0).href //全部的集合有all、anchors、applets、areas、attributes、behaviorUrns、bookmarks、boundElements、cells、childNodes、children、controlRange、elements、embeds、filters、forms、frames、images、imports、l
5、inks、mimeTypes、options、plugins、rows、rules、scripts、styleSheets、tBodies、TextRectangle,請參考MSDN介紹?! ∑鋵嵎椒?和方法4是一樣使用的集合,只是一個是all,可以包括頁面所有標記,而anchors只包括鏈接?! ?、getElementById: document.getElementById("link1").href? 6、getElementsByName: document.getElementsByName("linkname1")[0
6、].href?//這也是一個集合,是所有name等于該方法所帶參數(shù)的標記的集合 7、getElementsByTagName: document.getElementsByTagName("A")[0].href?//這也是一個集合,是所有標記名稱等于該方法所帶參數(shù)的標記的集合 8、tags集合: document.all.tags("A")[0].href //與方法7一樣是按標記名稱取得一個集合 除此之外: event.scrElement可以獲得觸發(fā)時間的標記的引用; document.elementFromPoin
7、t(x,y)可以獲得x和y坐標處的元素的引用; document.body.componentFromPoint(event.clientX,event.clientY)可以獲得鼠標所在處元素的引用; 還可以通過元素的父子節(jié)點和兄弟節(jié)點關(guān)系來引用,如nextSibling(當前節(jié)點的后一節(jié)點)、previousSibling(當前節(jié)點的前一節(jié)點)、childNodes、children、firstChild、lastChild、parentElement等都是父子節(jié)點和兄弟節(jié)點的一些引用;還不僅限于此?! ∩厦媸峭豁撁鎯?nèi)的常見引用方
8、法,另外還涉及到不同頁面中的 getElementsByName返回的是所有name為指定值的所有元素的集合 “根據(jù)?NAME?標簽屬性的值獲取對象的集合。” 集合比數(shù)組要松散的多,?集