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
随机推荐
- 上传图片js判断图片尺寸和格式兼容IE
- JavaScript仿静态分页实现方法
- PHP和XSS跨站攻击的防范
- Python实现抓取页面上链接的简单爬虫分享
- jsp页面传参乱码的解决方法
- MYSQL不能从远程连接的一个解决方法(s not allowed to connect to this MySQL server)
- 基于PHP+MySQL的聊天室设计
- PHP学习笔记(一):基本语法之标记、空白、和注释
- WdatePicker.js时间日期插件的使用方法
- C语言字符串快速压缩算法代码
- Lua教程(十七):C API简介
- 在centos 7中安装配置k8s集群的步骤详解
- jQuery实现的简单拖动层示例
- 用户IIS APPPOOL\DefaultAppPool登录失败的解决方法
- C语言中的BYTE和char深入解析
- 如何修改Nginx版本名称伪装任意web server
- Android实现腾讯新闻的新闻类别导航效果
- Android EditText实现关键词批量搜索示例
- C#结合数据库实现验证识别ID卡内容的方法
- Android中一种效果奇好的混音方法详解