JS獲取網頁中HTML元素的幾種方法分析 - javascript -

JS獲取網頁中HTML元素的幾種方法分析

時間:2013-04-15 14:10:26   來源:   評論:加載中...   點擊:加載中...
getElementById getElementsByName getElementsByTagName 大概介紹g...

getElementById getElementsByName getElementsByTagName 大概介紹

getElementById ,getElementsByName ,getElementsByTagName

后兩個是得到集合,byid只是得到單個對象

getElementById 的用法

舉個例子:

<a id="link1" name="link1" href=http://homepage.yesky.com>網頁陶吧</a>

同一頁面內的引用方法:

1、使用id:

link1.href,返回值為http://homepage.yesky.com

2、使用name:

document.all.link1.href,返回值為http://homepage.yesky.com

3、使用sourseIndex:

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、links、mimeTypes、options、plugins、rows、rules、scripts、styleSheets、tBodies、TextRectangle,請參考MSDN介紹。

其實方法3和方法4是一樣使用的集合,只是一個是all,可以包括頁面所有標記,而anchors只包括鏈接。

5、getElementById:

document.getElementById("link1").href



相關熱詞搜索:

 
上一篇:一組常用的彈出窗口用法總結
下一篇:網頁最簡短的拖動對象代碼實例演示
收藏 將此文推薦給朋友
分享到:
10个数复式三中三多少组公式