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>
相关推荐
-
js通过classname来获取元素的方法
原生JS有3种方式来获取元素: getElementById('id') getElementsByName('name') getElementsByTagName('tag') getElementById是获取元素最快的方式,但我们不能给每个HTML元素都加以ID吧,所以我们需要一个很方便的通过className来获取元素 function getElementsByClassName(className,tagName){ var ele=[],all=document.getEleme
-
js 获取class的元素的方法 以及创建方法getElementsByClassName
复制代码 代码如下: function getElementsByClassName(n) { var classElements = [],allElements = document.getElementsByTagName('*'); for (var i=0; i< allElements.length; i++ ) { if (allElements[i].className == n ) { classElements[classElements.length] = allEleme
-
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=
-
js获取当前路径的简单示例代码
<script type="text/javascript"> thisURL = document.URL; thisHREF = document.location.href; thisSLoc = self.location.href; thisDLoc = document.location; strwrite = " thisURL: [" + thisURL + "]<br />" strwrite +=
-
使用JavaScript 实现时间轴与动画效果的示例代码(前端组件化)
目录 代码整理 JavaScript 中的 "帧" 实现"帧"的方法 1. setInterval 2. setTimeout 3. requestAnimationFrame 实现 Timeline 时间轴 实现 start 函数 实现 Animation 类 设计时间线的更新 添加 Delay 属性支持 实现暂停和重启功能 实现 Pause 实现 Resume 上一篇文章<用 JSX 实现 Carousel 轮播组件>中,我们实现了一个 "
-
JavaScript中layim之整合右键菜单的示例代码
一. 效果演示 1.1.好友右键菜单: 1.2.分组右键菜单: 1.3.群组右键菜单: 二. 实现教程 接下来我们以好友右键菜单为例,实现步骤如下: 2.1.绑定好友右击事件: /* 绑定好友右击事件 */ $('body').on('mousedown', '.layim-list-friend li ul li', function(e){ // 过滤非右击事件 if(3 != e.which) { return; } // 不再派发事件 e.stopPropagation(); var o
-
C/C++实现获取系统时间的示例代码
目录 概述 示例 易用性封装 概述 C 标准库提供了 time() 函数与 localtime() 函数可以获取到当前系统的日历时间,但 time() 函数精度只能到秒级,如果需要更高精度的系统时间需要使用 gettimeofday() 函数,精度达到微秒级. #include <sys/time.h> int gettimeofday(struct timeval *tv, struct timezone *tz); tv 参数是一个 struct timeval 结构体(同样是在 <
-
C#判断数据类型的简单示例代码
C#判断数据类型的简单示例代码: 复制代码 代码如下: int i = 5; Console.WriteLine( "i is an int? {0}",i.GetType()==typeof(int)); Console.WriteLine( "i is an int? {0}",typeof(int).IsInstanceOfType(i));
-
Java实现动态获取图片验证码的示例代码
本文介绍了Java实现动态获取图片验证码的示例代码,分享给大家,具体如下: import javax.imageio.ImageIO; import java.awt.*; import java.awt.image.BufferedImage; import java.io.FileOutputStream; import java.io.IOException; import java.io.OutputStream; import java.io.UnsupportedEncodingEx
-
JavaScript实现指定数量的并发限制的示例代码
在网上看到这么一道题: 这道题跟鱼头这篇记录『什么是时间分片(Time Slicing)?』有点相似,但不同的是这次是限制异步并发的数量. 所以话不多说,我们先来康康实现 首先我们来实现一个分割数组的函数~ const group = (list = [], max = 0) => { if (!list.length) { return list } let results = [] for (let i = 0, len = list.length; i < len; i += max)
-
C# 获取系统字体的示例代码
获取已安装的所有字体列表 System.Drawing.FontFamily StringBuilder str = new StringBuilder(2000); InstalledFontCollection fonts = new InstalledFontCollection(); foreach (FontFamily family in fonts.Families) { str.Append(family.Name); str.AppendLine(); } ContentTex
随机推荐
- linux apache下虚拟主机配置方法
- CMD下一个命令遍历目录并删除相同文件的代码
- Java硬币翻转倍数递增试算实例
- Python验证码识别处理实例
- php main 与 iframe 相互通讯类(js+php同域/跨域)
- iis配置asp.net常见问题解决方案
- 本地机apache配置基于域名的虚拟主机详解
- PHP使用strtotime计算两个给定日期之间天数的方法
- Go语言Cookie用法分析
- RedHat 9.0下安装igenus实录
- C++调用C#的DLL程序实现方法
- Windows Server 2008(R2) 一键安装PHP环境(PHP5.3+FastCGI模式)
- jquery 新手学习常见问题解决方法
- Bootstrap table两种分页示例
- javascript四舍五入函数代码分享(保留后几位)
- JavaScript函数使用的基本教程
- JavaScript实现form表单的多文件上传
- 修改注册表调用繁体输入法
- Java实现用Mysql存取图片操作实例
- php实现的中文分词类完整实例