DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> document.getElementBy(id)與$(#id)有什麼區別
document.getElementBy(id)與$(#id)有什麼區別
編輯:JavaScript基礎知識     
下面簡單介紹下:

第一個就是js中獲取對象的方法,比較直接,如果一個頁面有多個id,每次都要寫這麼長的document.getElementBy("id")

復制代碼 代碼如下:
document.getElementBy("id")


document.getElementById的簡寫方式

個人比較推薦用prototype 中對document.getElementById的定義:

復制代碼 代碼如下:
function $()
{
  var elements = new Array();
  for (var i = 0; i < arguments.length; i++)
  {
    var element = arguments[i];
    if (typeof element == 'string')
      element = document.getElementById(element);
    if (arguments.length == 1)
      return element;
    elements.push(element);
  }
  return elements;
}

你還可以用以下代碼來定義:

復制代碼 代碼如下:
function $(objectId) {
if(document.getElementById && document.getElementById(objectId)) {
 return document.getElementById(objectId);// W3C DOM
 } else if (document.all && document.all(objectId)) {
  return document.all(objectId);// MSIE 4 DOM
 } else if (document.layers && document.layers[objectId]) {
  return document.layers[objectId];// NN 4 DOM.. note: this won't find nested layers
 } else {
  return false;
 }
}


第二個就是jquery中獲取id的方法

具體可以參考這篇文章

http://www.jb51.net/article/27617.htm

http://www.jb51.net/article/26702.htm

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved