js獲取元素的標(biāo)簽名實(shí)現(xiàn)方法
更新時(shí)間：2016年10月08日 17:41:08 投稿：jingxian
下面小編就為大家?guī)硪黄猨s獲取元素的標(biāo)簽名實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
有時(shí)候我們想獲取到一個(gè)標(biāo)簽的名稱，例如：<div>a</div>得到“div”。請看下面的例子：
頁面上有一個(gè)class="a"的標(biāo)簽，可能是input，也可能是普通的div或者是span標(biāo)簽，現(xiàn)在我們要往這個(gè)標(biāo)簽加一個(gè)值“value1”。如果是input則將其value屬性設(shè)置為value1，div則將其innerHTML設(shè)置為value1.如何實(shí)現(xiàn)呢……
如果純js實(shí)現(xiàn)如下：
//找到這個(gè)標(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);
}
但有個(gè)問題就是 ie返回的標(biāo)簽名稱是大寫的，所以保險(xiǎn)起見 我們再寫一個(gè) 忽略大小寫的判斷相等的函數(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用document.write()輸出換行的示例代碼
這篇文章主要介紹了JavaScript用document.write()輸出換行的示例代碼，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-11-11
js實(shí)現(xiàn)input密碼框顯示/隱藏功能
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)input密碼框顯示和隱藏功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-10-10
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
大家在開發(fā)JavaScript應(yīng)用的時(shí)候，如果遇到這種大量節(jié)點(diǎn)的情況，不妨將DocumentFragment作為一個(gè)備選的方案。2010-06-06
firefox下input type="file"的size是多大
firefox對type="file" 的input的width定義目前是不支持的，但是FF支持size屬性，可以給size設(shè)置一個(gè)值，來控制上傳框的大小2011-10-10
JavaScript中,字符串拼接是非常常見的操作,拼接字符串有很多種方式,這篇文章主要給大家介紹了關(guān)于js字符串拼接的4種常見方法,需要的朋友可以參考下2023-07-07
這篇文章主要為大家介紹了前端面向?qū)ο缶幊讨瓻S5語法ES6語法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
微信小程序如何在頁面跳轉(zhuǎn)時(shí)進(jìn)行頁面導(dǎo)航
小程序能夠在不同的頁面進(jìn)行跳轉(zhuǎn)切換,路由起到了至關(guān)重要的作用,下面這篇文章主要給大家介紹了關(guān)于微信小程序如何在頁面跳轉(zhuǎn)時(shí)進(jìn)行頁面導(dǎo)航的相關(guān)資料,需要的朋友可以參考下2022-09-09
JS中DOM元素的attribute與property屬性示例詳解
這篇文章主要給大家介紹了關(guān)于JS中DOM元素的attribute與property屬性的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起看看吧2018-09-09
sessionStorage是指本地存儲一個(gè)會話中的數(shù)據(jù),這些數(shù)據(jù)只有在同一個(gè)會話中的頁面才能訪問并且當(dāng)會話結(jié)束后數(shù)據(jù)也隨之銷毀,這篇文章主要給大家介紹了關(guān)于js前端存儲之sessionStorage使用方法的相關(guān)資料,需要的朋友可以參考下2024-06-06
javascript模擬滾動條實(shí)現(xiàn)代碼
從csdn的blog上轉(zhuǎn)過來的 做了些修改，其實(shí)寫的比較糟糕(我指的是構(gòu)造) 我用的是以前的一個(gè)drag類 在這個(gè)基礎(chǔ)上在的來完成的Slider2010-03-03