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);
//如果存在該標簽 就返回
} else {
var elems = node.getElementsByTagName(node),
defualt = [];
for (var i = 0; i < elems.length; i++) {
//遍歷所有標簽
if(elems[i].className.indexOf(classname) != -1) {
//查找相應類名的標簽
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程序設計有所幫助。
您可能感興趣的文章:
- javascript 獲取HTML DOM父、子、臨近節(jié)點
- JavaScript 節(jié)點操作 以及DOMDocument屬性和方法
- javascript獲取dom的下一個節(jié)點方法
- JavaScript獲取DOM元素的11種方法總結
- JavaScript DOM節(jié)點操作方法總結
- javascript firefox兼容ie的dom方法腳本
- javascript dom操作之cloneNode文本節(jié)點克隆使用技巧
- JavaScript與DOM組合動態(tài)創(chuàng)建表格實例
- JavaScript中對DOM節(jié)點的訪問、創(chuàng)建、修改、刪除
- javascript DOM 操作基礎知識小結
- 淺談Javascript中的12種DOM節(jié)點類型
- js中script的上下放置區(qū)別，Dom的增刪改創(chuàng)建操作實例分析
相關文章
uni-app基本的數(shù)據(jù)綁定v-bind,v-for,v-on:click詳解
這篇文章主要介紹了uni-app基本的數(shù)據(jù)綁定v-bind,v-for,v-on:click,本文通過示例代碼給大家介紹的非常詳細,需要的朋友可以參考下2024-08-08
本篇文章實例演示了Javascript的面向?qū)ο?-接口的用法。希望對大家有所幫助，下面就隨小編一起來看看吧2016-12-12
拉表格，一個函數(shù)調(diào)用即可2008-11-11
這篇文章主要為大家詳細介紹了Openlayers實現(xiàn)測量功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
JSON格式的時間/Date(2367828670431)/格式轉(zhuǎn)為正常的年-月-日 格式的代碼
這篇文章主要介紹了JSON格式的時間/Date(2367828670431)/格式轉(zhuǎn)為正常的年-月-日 格式的代碼的相關資料,需要的朋友可以參考下2016-07-07
js中for...in循環(huán)對象時輸出key值順序混亂問題解決
很久之前就有前輩告訴我用for...in循環(huán)對象屬性的順序不是固定的,xiam?這篇文章主要給大家介紹了關于js中for...in循環(huán)對象時輸出key值順序混亂問題解決方法,需要的朋友可以參考下2023-11-11
看了很多的js dom學習資料，發(fā)現(xiàn)這個比較詳細，特轉(zhuǎn)載給大家學習一下2008-06-06
html中通過JS獲取JSON數(shù)據(jù)并加載的方法
本篇內(nèi)容主要給大家講了如何通過javascript解析JSON并得到數(shù)據(jù)后添加到HTML中的方法，需要的朋友參考下。2017-11-11
bootstrap監(jiān)聽滾動實現(xiàn)頭部跟隨滾動
這篇文章主要為大家詳細介紹了bootstrap監(jiān)聽滾動實現(xiàn)頭部跟隨滾動,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
這篇文章主要給大家介紹了關于es6中Async函數(shù)的基本教程，文中介紹的非常詳細，對大家學習async函數(shù)具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧。2017-05-05