javascript通過className來獲取元素的簡單示例代碼
更新時間：2014年01月10日 09:46:26 作者：
本篇文章主要是對javascript通過className來獲取元素的簡單示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
示例如下：
復制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script type="text/javascript">
//使用javascript通過className來獲取元素
function getElementsbyClassName(n){
var classElements=[],allElements=document.getElementsByTagName('*');
for(var i=0;i<allElements.length;i++){
if(allElements[i].className==n){
classElements[classElements.length]=allElements[i];
}
}
return classElements;
}
</script>
<style type="text/css" >
.shouye{
font-size:12px;
color:red;
}
</style>
</head>
<body>
<div class="shouye" >張三</div>
<script type="text/javascript">
var XX=getElementsbyClassName('shouye');
for(var i=0;i<XX.length;i++){
XX[i].className="";
}
</script>
</body>
</html>
相關(guān)文章
ECharts柱狀圖關(guān)閉鼠標hover時的高亮樣式詳解
為了方便使用,echarts的餅圖中給加入了默認的hover高亮效果,下面這篇文章主要給大家介紹了關(guān)于ECharts柱狀圖關(guān)閉鼠標hover時的高亮樣式的相關(guān)資料,需要的朋友可以參考下2023-04-04
本文主要講解javascript 的正則表達式中的分組匹配與前瞻匹配的，需要對正則的有基本認識，本人一直對兩種匹配模棱不清，還有不清楚的朋友跟隨腳本之家小編一起看看吧2018-05-05
這篇文章主要為大家詳細介紹了BootStrap tab選項卡使用小結(jié)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要介紹了mpvue實現(xiàn)微信小程序快遞單號查詢，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-04-04
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)選項卡效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
這篇文章主要為大家詳細介紹了js實現(xiàn)拖拽功能,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
下面小編就為大家?guī)硪黄獪\談原生JS中的延遲腳本和異步腳本。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
最簡單的JS實現(xiàn)json轉(zhuǎn)csv的方法
這篇文章主要介紹了最簡單的JS實現(xiàn)json轉(zhuǎn)csv的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-01-01
這篇文章主要介紹了javascript表格的渲染組件的相關(guān)資料,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了深入淺出理解JavaScript閉包的功能與用法,結(jié)合實例形式從變量、函數(shù)的內(nèi)部屬性與作用域鏈分析了javascript閉包的相關(guān)概念、功能與使用技巧,需要的朋友可以參考下2018-08-08