ClassName

variable:指定要確定其數據類型的變數返回值String。

基本介紹

  • 外文名:ClassName
  • 釋義:功能確定指定變數的類
  • 語法:(variable)
  • 屬性:可設定或返回元素的class屬性
簡介,參數,

簡介

ClassName()
功能確定指定變數的類(數據類型)。
語法ClassName(variable)

參數

函式執行成功時返回指定變數的數據類型,發生錯誤時返回空字元串。如果參數variable的值為NULL,ClassName()函式返回NULL。用法需要注意的是,ClassName()函式不能確定枚舉類型變數的類型,此時,ClassName()函式返回空字元串("")。
className屬性,可設定或返回元素的class屬性
javascript通過className獲取檔案元素在 JavaScript 內建的核心中,document 物件及 Element 物件總共可以透過三個方式來獲取其下的元素,分別是:
getElementsByTagName('tag')
這些方法就跟它們的名字一樣,分別是依照 id, name, tag 來獲取元素。
因在同一份檔案中,id 是具有唯一性的,所以 getElementById(id) 的回傳值是單一物件可以直接使用;而其他則會傳回一個依照具有該屬性的元素在檔案中出現順序排列的陣列,使用時必須指定陣列編號,如: array[0] 代表第一個元素。
可是在設計網頁時,最常常需要使用到的 class 卻沒有相對應的方法可以去獲取 className 相同的元素。
沒有沒關係,我們自己寫一個,而且代碼非常簡短只有下面幾句。
function getElementsByClassName(n) {
var el = [],
_el = document.getElementsByTagName('*');
for (var i=0; i<_el.length; i++ ) {
if (_el[i].className == n ) {
el[el.length] = _el[i];
}
}
return el;
}
上面這段代碼將會傳回一個元素陣列,這些元素的共通點就是它們的 class 名稱都一樣。
下面這段代碼是 getElementsByClassName(’className’) 眾多套用的其中一種,可以將檔案中所有 className 為 ‘black’ 的元素的 className 改為 ‘red’。
var classBlack = getElementsByClassName('black');
for (var i=0; i<classBlack.length; i++) {
classBlack[i].className = 'red';
}

相關詞條

熱門詞條

聯絡我們