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