2013年1月29日 星期二

存取網頁元素的三個方法

在 DOM 物件模型中, 我們可以透過 document 物件的三個方法來取得網頁元素 :
  1. document.getElmentById("myID")
    此方法傳回 ID 屬性值為 myID 的元素物件, 由於 ID 在整份文件中必須唯一, 因此傳回的是單一物件 (因此 Element 是單數, 不是 Elements).
  2. document.getElementsByName("myNAME")
    此方法傳回 NAME 屬性質為 myNAME 的元素物件陣列, 因為 NAME 在整份文件中可以有多個, 因此傳回的是物件的集合, 可以用陣列索引來取得集合中的各元素物件. 注意, 這裡用的是 Elements 而非 Element.
  3. document.getElementsByTagName("myTAG")
    此方法傳回標籤為 myTAG 的元素物件陣列, 因為同樣的標籤在整份文件中可以有多個, 因此傳回的是物件的集合, 可以用陣列索引來取得集合中的各元素物件. 注意, 這裡用的是 Elements 而非 Element. 例如 :
    var objs=document.getElementsByTagName("a");  //取得所有超連結 a 元素陣列
    for (var i in objs) {  //拜訪元素
          alert(objs[i].href);  //顯示連結位址
          }

沒有留言 :