DIV CSS 佈局教程網

有時候我們想獲取到一個標簽的名稱，例如：<div>a</div>得到“div”。請看下面的例子：

頁面上有一個class="a"的標簽，可能是input，也可能是普通的div或者是span標簽，現在我們要往這個標簽加一個值“value1”。如果是input則將其value屬性設置為value1，div則將其innerHTML設置為value1.如何實現呢……

如果純js實現如下：

//找到這個標簽的代碼略 this 代表找到的標簽對象
if(this.localName=="input"||this.localName=="textarea"){
  this.value="value1"
}else{
  this.innerHTML="value1";
}
使用jQuery實現如下：
 
if($(this)[0].tagName=="input"||$(this)[0].tagName=="textarea"){
  $(this).val(valueOut);
}else{
  $(this).html(valueOut);
}
但有個問題就是 ie返回的標簽名稱是大寫的，所以保險起見 我們再寫一個 忽略大小寫的判斷相等的函數：
 
var equalsIgnoreCase=function(str1, str2) {
  if (str1.toUpperCase() == str2.toUpperCase()) {
    return true;
  }
  return false;
};
 
if(equalsIgnoreCase($(this)[0].tagName,"input")||equalsIgnoreCase($(this)[0].tagName,"textarea")){
  $(this).val(valueOut);
}else{
  $(this).html(valueOut);
}

以上就是小編為大家帶來的js獲取元素的標簽名實現方法全部內容了，希望大家多多支持~