資源描述:
《js獲取html元素節(jié)點(diǎn)方法》由會(huì)員上傳分享,免費(fèi)在線(xiàn)閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、Javascript獲取網(wǎng)頁(yè)中HTML元素的集中方法分析getElementById?getElementsByName?getElementsByTagName?大概介紹? getElementById?,getElementsByName?,getElementsByTagName 后兩個(gè)是得到集合,byid只是得到單個(gè)對(duì)象 getElementById?的用法 舉個(gè)例子: 網(wǎng)頁(yè)陶吧 同一頁(yè)面內(nèi)的引用方法: 1、使用id:
2、 link1.href,返回值為http://homepage.yesky.com 2、使用name: document.all.linkname1.href,返回值為http://homepage.yesky.comJavascript獲取網(wǎng)頁(yè)中HTML元素的集中方法分析getElementById?getElementsByName?getElementsByTagName?大概介紹? getElementById?,getElementsByName?,getElementsByTagName 后兩個(gè)是得到集合,byid只是得到單個(gè)對(duì)象 getElemen
3、tById?的用法 舉個(gè)例子: 網(wǎng)頁(yè)陶吧 同一頁(yè)面內(nèi)的引用方法: 1、使用id: link1.href,返回值為http://homepage.yesky.com 2、使用name: document.all.linkname1.href,返回值為http://homepage.yesky.com 3、使用sourseIndex: document.all(4).href?//注意,前面還有HTML、HEAD、TITLE和B
4、ODY,所以是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、links、mimeTypes、options、plugins、rows、rules、scripts、styleSheets、tBodie
5、s、TextRectangle,請(qǐng)參考MSDN介紹。 其實(shí)方法3和方法4是一樣使用的集合,只是一個(gè)是all,可以包括頁(yè)面所有標(biāo)記,而anchors只包括鏈接?! ?、getElementById: document.getElementById("link1").href? 6、getElementsByName: document.getElementsByName("linkname1")[0].href?//這也是一個(gè)集合,是所有name等于該方法所帶參數(shù)的標(biāo)記的集合 7、getElementsByTagName: document.getElement
6、sByTagName("A")[0].href?//這也是一個(gè)集合,是所有標(biāo)記名稱(chēng)等于該方法所帶參數(shù)的標(biāo)記的集合 8、tags集合: document.all.tags("A")[0].href //與方法7一樣是按標(biāo)記名稱(chēng)取得一個(gè)集合 除此之外: event.scrElement可以獲得觸發(fā)時(shí)間的標(biāo)記的引用; document.elementFromPoint(x,y)可以獲得x和y坐標(biāo)處的元素的引用; document.body.componentFromPoint(event.clientX,event.clientY)可以獲得鼠標(biāo)所在處元素的引用;
7、 還可以通過(guò)元素的父子節(jié)點(diǎn)和兄弟節(jié)點(diǎn)關(guān)系來(lái)引用,如nextSibling(當(dāng)前節(jié)點(diǎn)的后一節(jié)點(diǎn))、previousSibling(當(dāng)前節(jié)點(diǎn)的前一節(jié)點(diǎn))、childNodes、children、firstChild、lastChild、parentElement等都是父子節(jié)點(diǎn)和兄弟節(jié)點(diǎn)的一些引用;還不僅限于此?! ∩厦媸峭豁?yè)面內(nèi)的常見(jiàn)引用方法,另外還涉及到不同頁(yè)面中的 getElementsByName返回的是所有name為指定值的所有元素的集合 “根據(jù)?NAME?標(biāo)簽屬性的值獲取對(duì)象的集合?!薄 〖媳葦?shù)組要松散的多,?集