JavaScript實現(xiàn)獲取dom中class的方法

更新時間：2015年02月09日 09:54:08 作者：ZEAL

這篇文章主要介紹了JavaScript實現(xiàn)獲取dom中class的方法,涉及javascript操作dom節(jié)點的使用技巧,需要的朋友可以參考下

本文實例講述了JavaScript實現(xiàn)獲取dom中class的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="UTF-8">
 <title></title>
 <script>
  function getClass(node,classname) { 
   if(node.getElementsByClassName) {
    return node.getElementsByClassName(classname);
 //如果存在該標(biāo)簽 就返回
   } else {
    var elems = node.getElementsByTagName(node),
      defualt = [];
    for (var i = 0; i < elems.length; i++) {
 //遍歷所有標(biāo)簽
     if(elems[i].className.indexOf(classname) != -1) {
 //查找相應(yīng)類名的標(biāo)簽
      defualt[defualt.length] = elems[i];
     }
    }
    return defualt;
   }
  }
   window.onload = function () {
   var text = document.getElementById('text'),
    cs = getClass(text,'cs');
     document.write(cs.innerHTML='cs');
  }
 </script>
</head>
<body>
 <div id="text"><div class="cs">textcss</div></div>
</body>
</html>

希望本文所述對大家的javascript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

uni-app基本的數(shù)據(jù)綁定v-bind,v-for,v-on:click詳解
這篇文章主要介紹了uni-app基本的數(shù)據(jù)綁定v-bind,v-for,v-on:click,本文通過示例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下
2024-08-08
Javascript之面向?qū)ο?-接口
本篇文章實例演示了Javascript的面向?qū)ο?-接口的用法。希望對大家有所幫助，下面就隨小編一起來看看吧
2016-12-12
拖拉表格的JS函數(shù)
拉表格，一個函數(shù)調(diào)用即可
2008-11-11
Openlayers實現(xiàn)測量功能
這篇文章主要為大家詳細(xì)介紹了Openlayers實現(xiàn)測量功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-09-09
JSON格式的時間/Date(2367828670431)/格式轉(zhuǎn)為正常的年-月-日格式的代碼
這篇文章主要介紹了JSON格式的時間/Date(2367828670431)/格式轉(zhuǎn)為正常的年-月-日格式的代碼的相關(guān)資料,需要的朋友可以參考下
2016-07-07
js中for...in循環(huán)對象時輸出key值順序混亂問題解決
很久之前就有前輩告訴我用for...in循環(huán)對象屬性的順序不是固定的,xiam?這篇文章主要給大家介紹了關(guān)于js中for...in循環(huán)對象時輸出key值順序混亂問題解決方法,需要的朋友可以參考下
2023-11-11
比較詳細(xì)的javascript DOM 學(xué)習(xí)筆記
看了很多的js dom學(xué)習(xí)資料，發(fā)現(xiàn)這個比較詳細(xì)，特轉(zhuǎn)載給大家學(xué)習(xí)一下
2008-06-06
html中通過JS獲取JSON數(shù)據(jù)并加載的方法
本篇內(nèi)容主要給大家講了如何通過javascript解析JSON并得到數(shù)據(jù)后添加到HTML中的方法，需要的朋友參考下。
2017-11-11
bootstrap監(jiān)聽滾動實現(xiàn)頭部跟隨滾動
這篇文章主要為大家詳細(xì)介紹了bootstrap監(jiān)聽滾動實現(xiàn)頭部跟隨滾動,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-11-11
es6學(xué)習(xí)筆記之Async函數(shù)基本教程
這篇文章主要給大家介紹了關(guān)于es6中Async函數(shù)的基本教程，文中介紹的非常詳細(xì)，對大家學(xué)習(xí)async函數(shù)具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧。
2017-05-05