JavaScript实现获取dom中class的方法
作者:bea
本文实例讲述了JavaScript实现获取dom中class的方法。分享给大家供大家参考。具体实现方法如下: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script> function getClass(node,classname) { if(node.getElem
本文实例讲述了JavaScript实现获取dom中class的方法。分享给大家供大家参考。具体实现方法如下:
<!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程序设计有所帮助。
有用 | 无用
<!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中的标签语句用法分析
- jquery动态添加删除(tr/td)
- javascript模拟map输出与去除重复项的方法
- JavaScript设置body高度为浏览器高度的方法
- jquery动态改变div宽度和高度
- angularJS结合canvas画图例子
- jquery实现上下左右滑动的方法
- js实现上传图片预览的方法
- js实现ifram取父窗口URL地址的方法
- jquery实现相册一下滑动两次的方法
- js点击选择文本的方法
- JS动态加载当前时间的方法
- JavaScript实现Java中StringBuffer的方法
- angularJS 入门基础
- javascript中函数作为参数调用的方法
- javascript自动生成包含数字与字符的随机字符串
- angularJS 中$scope方法使用指南
- Javascript动态创建div的方法
- angularJS 中$attrs方法使用指南