js獲取元素的標簽名實現(xiàn)方法
更新時間：2016年10月08日 17:41:08 投稿：jingxian
下面小編就為大家?guī)硪黄猨s獲取元素的標簽名實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
有時候我們想獲取到一個標簽的名稱，例如：<div>a</div>得到“div”。請看下面的例子：
頁面上有一個class="a"的標簽，可能是input，也可能是普通的div或者是span標簽，現(xiàn)在我們要往這個標簽加一個值“value1”。如果是input則將其value屬性設置為value1，div則將其innerHTML設置為value1.如何實現(xiàn)呢……
如果純js實現(xiàn)如下：
//找到這個標簽的代碼略 this 代表找到的標簽對象
if(this.localName=="input"||this.localName=="textarea"){
this.value="value1"
}else{
this.innerHTML="value1";
}
使用jQuery實現(xiàn)如下：
if($(this)[0].tagName=="input"||$(this)[0].tagName=="textarea"){
$(this).val(valueOut);
}else{
$(this).html(valueOut);
}
但有個問題就是 ie返回的標簽名稱是大寫的，所以保險起見 我們再寫一個 忽略大小寫的判斷相等的函數(shù)：
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);
}
以上就是小編為大家?guī)淼膉s獲取元素的標簽名實現(xiàn)方法全部內(nèi)容了，希望大家多多支持腳本之家~
相關文章
這篇文章主要介紹了JavaScript事件用法,較為詳細的分析了javascript事件流、事件類型及事件操作技巧,需要的朋友可以參考下2016-10-10
這篇文章主要介紹了完美實現(xiàn)八種js焦點輪播圖的具體資料，基于完美運動框架move2.js而完成的八種焦點錄播圖，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-07-07
這篇文章主要為大家詳細介紹了Bootstrap實現(xiàn)導航欄的2種方式，一是利用按鈕組實現(xiàn)、二是Bootstrap專門做了相應的css類,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
在判斷函數(shù)類型時，我們通常使用typeof方法，一般情況下，它會得到我們所預想的效果。2009-09-09
這篇文章主要介紹了javascript中的異步調(diào)用機制,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-02-02
這篇文章主要介紹了在線所見即所得HTML編輯器的實現(xiàn)原理淺析,本文用初始化、打開編輯功能、獲取編輯器的內(nèi)容、增加樣式設置、再進一步等步驟闡述在線編輯器的基本實現(xiàn)原理,需要的朋友可以參考下2015-04-04
下面小編就為大家?guī)硪黄獪\談JavaScript中的分支結構。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
html dom節(jié)點操作(獲取/修改/添加或刪除)
DOM 是關于如何獲取、修改、添加或刪除 HTML 元素的標準，下面為大家介紹下html dom節(jié)點操作，感興趣的朋友可以參考下2014-01-01
javascript中打印當前的時間實現(xiàn)思路及代碼
打印當前的時間的方法有很多，在本文為大家詳細介紹下使用javascript是如何做到的，具體實現(xiàn)如下，感興趣的朋友可以參考下2013-12-12
這篇文章主要為大家詳細介紹了JS、CSS和HTML實現(xiàn)注冊頁面，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-07-07