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 获取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
-
js通过classname来获取元素的方法
原生JS有3种方式来获取元素: getElementById('id') getElementsByName('name') getElementsByTagName('tag') getElementById是获取元素最快的方式,但我们不能给每个HTML元素都加以ID吧,所以我们需要一个很方便的通过className来获取元素 function getElementsByClassName(className,tagName){ var ele=[],all=document.getEleme
-
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
随机推荐
- Oracle数据库下载及安装图文操作步骤
- vue.js父组件使用外部对象的方法示例
- java 获取项目文件路径实现方法
- JS对img标签进行优化使用onerror显示默认图像
- PHP 数组基本操作小结(推荐)
- js 打开新页面在屏幕中间的实现方法
- 浅谈选择mysql存储引擎的标准
- Linux Docker安装wordpress的方法详解教程
- Android自定义View 实现水波纹动画引导效果
- iOS逆向工程使用LLDB的USB连接调试第三方App
- JavaScript随机生成信用卡卡号的方法
- jQuery调用ajax请求的常见方法汇总
- MySql增加用户、授权、修改密码等语句
- apache的access.log和error.log减肥
- jquery复选框多选赋值给文本框的方法
- “蓝屏”的原因及处理方法
- Linux VPS备份教程 手动备份网站数据
- Java实现文件变化监控
- php addslashes及其他清除空格的方法是不安全的
- 9e3空间站为您提供80M免费ASP空间服务