js通过元素的class属性获取元素
lass属性是dom最为常用的属性之一,可以通过它设置元素的样式属性。
如果可以通过class属性获取元素,那么将是一种非常便利的手段,当然原生的js也提供了这样的方法:
getElementsByClassName
但是此方法不兼容低版本的IE浏览器,下面就分享一段能够兼容所有浏览器的代码实例。
此功能在本站的其他章节也介绍过,比如getElementsByClassName()用法详解一章节。
这里只是再提供一段代码实例,或许有不同的实现思路。
代码实例:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="/" />
<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 odiv=document.getElementById('box'),
elements=getClass(odiv,'antzone');
elements[0].innerHTML='实例';
}
</script>
</head>
<body>
<div id="box">
<div class="antzone">textcss</div>
</div>
</body>
</html></i></i>
声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至201542412@QQ.com举报,一经查实,本站将立刻删除。
相关推荐
-
将十六进制颜色值转换为RGB颜色值代码实例
本章节分享一段代码实例它能够实现将十六进制颜色值转换为RGB颜色值代码实例。如果从RGB颜色值转换为十六进制颜色值可以参阅jQury如何将获取的颜色值转换为十六进制形式一章节。代码实例:!DOCT
-
点击方向键实现文本框焦点切换代码实例
本章节介绍一下如何实现点击方向键即可实现切换文本框的焦点的效果。代码实例如下:
-
jQuery 动画效果代码实例
本章节分享一段代码实例,它使用jqury实现了简单的动画效果。代码非常的简单,比较适合初学者参考学习之用。代码实例如下: chrs
-
jQuery实现的生成随机密码代码实例简单介绍
本章节介绍一下如何使用jQury实现生成随机密码的效果。有需要的朋友可以做一下参考,代码实例如下:
-
拖动滚动条实现网页内容自动加载代码实例
本章节分享一段代码实例,它实现了向下拖动滚动条,能够自动加载网页内容的功能。这种效果在很多网站都有应用,当然它们加载的内容都是从数据库读取的,下面的演示自然不能从数据库读取内容,不过原理大致如此,实际