HTML DOM getElementsByTagName() 方法
生活随笔
收集整理的這篇文章主要介紹了
HTML DOM getElementsByTagName() 方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
定義和用法
getElementsByTagName() 方法可返回帶有指定標簽名的對象的集合。
語法
document.getElementsByTagName(tagname)說明
getElementsByTagName() 方法返回元素的順序是它們在文檔中的順序。
如果把特殊字符串 "*" 傳遞給 getElementsByTagName() 方法,它將返回文檔中所有元素的列表,元素排列的順序就是它們在文檔中的順序。
提示和注釋
注釋:傳遞給 getElementsByTagName() 方法的字符串可以不區分大小寫。
實例
例子 1
<html> <head> <script type="text/javascript"> function getElements(){var x=document.getElementsByTagName("input");alert(x.length);} </script> </head> <body><input name="myInput" type="text" size="20" /><br /> <input name="myInput" type="text" size="20" /><br /> <input name="myInput" type="text" size="20" /><br /> <br /> <input type="button" οnclick="getElements()" value="How many input elements?" /></body> </html>例子 2
可以用 getElementsByTagName() 方法獲取任何類型的 HTML 元素的列表。例如,下面的代碼可獲取文檔中所有的表:
var tables = document.getElementsByTagName("table"); alert ("This document contains " + tables.length + " tables");例子 3
如果您非常了解文檔的結構,也可以使用 getElementsByTagName() 方法獲取文檔中的一個特定的元素。例如,下面的代碼可以獲得文檔中的第四個段落:
var myParagragh = document.getElementsByTagName("p")[3];不過,我們還是認為,如果您需要操作某個特定的元素,使用 getElementById() 方法將更為有效。
總結
以上是生活随笔為你收集整理的HTML DOM getElementsByTagName() 方法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: document.getElements
- 下一篇: js如何获取文本节点的值?