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屬性設(shè)置為value1，div則將其innerHTML設(shè)置為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)容了，希望大家多多支持腳本之家~
相關(guān)文章
JavaScript用document.write()輸出換行的示例代碼
這篇文章主要介紹了JavaScript用document.write()輸出換行的示例代碼，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-11-11
這篇文章主要為大家詳細介紹了js實現(xiàn)input密碼框顯示和隱藏功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-10-10
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
大家在開發(fā)JavaScript應用的時候，如果遇到這種大量節(jié)點的情況，不妨將DocumentFragment作為一個備選的方案。2010-06-06
firefox下input type="file"的size是多大
firefox對type="file" 的input的width定義目前是不支持的，但是FF支持size屬性，可以給size設(shè)置一個值，來控制上傳框的大小2011-10-10
JavaScript中,字符串拼接是非常常見的操作,拼接字符串有很多種方式,這篇文章主要給大家介紹了關(guān)于js字符串拼接的4種常見方法,需要的朋友可以參考下2023-07-07
這篇文章主要為大家介紹了前端面向?qū)ο缶幊讨瓻S5語法ES6語法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
小程序能夠在不同的頁面進行跳轉(zhuǎn)切換,路由起到了至關(guān)重要的作用,下面這篇文章主要給大家介紹了關(guān)于微信小程序如何在頁面跳轉(zhuǎn)時進行頁面導航的相關(guān)資料,需要的朋友可以參考下2022-09-09
JS中DOM元素的attribute與property屬性示例詳解
這篇文章主要給大家介紹了關(guān)于JS中DOM元素的attribute與property屬性的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起看看吧2018-09-09
sessionStorage是指本地存儲一個會話中的數(shù)據(jù),這些數(shù)據(jù)只有在同一個會話中的頁面才能訪問并且當會話結(jié)束后數(shù)據(jù)也隨之銷毀,這篇文章主要給大家介紹了關(guān)于js前端存儲之sessionStorage使用方法的相關(guān)資料,需要的朋友可以參考下2024-06-06
從csdn的blog上轉(zhuǎn)過來的 做了些修改，其實寫的比較糟糕(我指的是構(gòu)造) 我用的是以前的一個drag類 在這個基礎(chǔ)上在的來完成的Slider2010-03-03