1. 程式人生 > >獲取表單物件 得三種方法getElementById getElementsByName and getEl

獲取表單物件 得三種方法getElementById getElementsByName and getEl

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow

也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!

               

   今天碰到了翻頁不好用的問題,檢查一下發現沒有表單,加上去就好了,發現獲取某個物件值的方法有很多,但是使用哪一個才是正規的途徑那,問了同事,得出結論如下:
  document.表單名稱.物件名稱.屬性值   這種方式IE支援 第三方的可能不支援,建議使用 getElementById(), getElementsByName(), and getElementsByTagName() 這幾個方

法,需要注意得是getElementsByName()取出得是個陣列.

網上,我查找了相關得資料,提供出來供大家參考:

Most third-party browsers are “strict standards” implementations, meaning that they implement W3C and ECMA standards and ignore most of the proprietary

object models of Internet Explorer and Netscape.If the demographic for your Web site includes users likely to use less common browsers, such as Linux

aficionados, it might be a good idea to avoid IE-specific features and use the W3C DOM instead. by Internet Explorer 6, we see that IE implements

significant portions of the W3C DOM.

  這段話的意思是大多數第三方瀏覽器只支援W3C的DOM,如果你的網站使用者使用其他的瀏覽器,那麼你最好避免使用IE的私有屬性。而且IE6也開始支援W3C DOM。

  畢竟大多數人還不瞭解標準,在使用標準前,你還可以在你的網頁中用document.all[]訪問文件物件前面寫到WEB標準,今天繼續WEB標準下可以通過getElementById(),

getElementsByName(), and getElementsByTagName()訪問DOCUMENT中的任一個標籤:


1、getElementById()

  getElementById()可以訪問DOCUMENT中的某一特定元素,顧名思義,就是通過ID來取得元素,所以只能訪問設定了ID的元素。

  比如說有一個DIV的ID為docid:

 程式程式碼
<div id="docid"></div>

那麼就可以用getElementById("docid")來獲得這個元素。

2、getElementsByName()

  這個是通過NAME來獲得元素,但不知大家注意沒有,這個是GET ELEMENTS,複數ELEMENTS代表獲得的不是一個元素,為什麼呢?

  因為DOCUMENT中每一個元素的ID是唯一的,但NAME卻可以重複。打個比喻就像人的身份證號是唯一的(理論上,雖然現實中有重複),但名字重複的卻很多。如果一個文件

中有兩個以上的標籤NAME相同,那麼getElementsByName()就可以取得這些元素組成一個數組。

  比如有兩個DIV:
 程式程式碼
<div name="docname" id="docid1"></div>
<div name="docname" id="docid2"></div>

那麼可以用getElementsByName("docname")獲得這兩個DIV,用getElementsByName("docname")[0]訪問第一個DIV,用getElementsByName("docname")[1]訪問第二個DIV。

3、getElementsByTagName()

  這個呢就是通過TAGNAME(標籤名稱)來獲得元素,一個DOCUMENT中當然會有相同的標籤,所以這個方法也是取得一個數組。

  下面這個例子有兩個DIV,可以用getElementsByTagName("div")來訪問它們,用getElementsByTagName("div")[0]訪問第一個DIV,用

getElementsByTagName("div")[1]訪問第二個DIV。


總結一下標準DOM,訪問某一特定元素儘量用標準的getElementById(),訪問標籤用標準的getElementByTagName(),但IE不支援getElementsByName(),所以就要避免使用

getElementsByName(),但getElementsByName()和不符合標準的document.all[]也不是全無是處,它們有自己的方便之處,用不用那就看網站的使用者使用什麼瀏覽器,由你自己

決定了。
 

           

給我老師的人工智慧教程打call!http://blog.csdn.net/jiangjunshow

這裡寫圖片描述