开始慢慢从JQUERY再转回到纯JS。。。
//原理: 用document.getElementsByTagName('*');来获取所有元素,然后取得相同Class的元素。
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;
}
// 原来class为showye的全去掉
var XX = getElementsByClassName('shouye');
for (var i = 0; i < XX.length; i++) {
XX[i].className = "";
}
转自:http://blog.csdn.net/greenerycn/archive/2008/10/07/3030269.aspx
自己测试在ie6,8,firefox,chrome下运行成功
分享到:
相关推荐
javascript通过className获取文件元素.docx
本篇文章主要是对javascript通过className来获取元素的简单示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
主要介绍了JS封装通过className获取元素的函数,涉及javascript针对页面元素属性的遍历与数组相关操作技巧,需要的朋友可以参考下
代码如下: function getByClass(classname){ var nodes = document.getElementsByTagName(‘*’), ret=[]; for(var i=0;i<nodes.length;i++){ if(hasClass(nodes[i],classname)) ret.push(nodes[i]); } return ...
整理的10大JavaScript函数,prototype的$函数,隐藏、显示元素函数,通过className获取DOM元素函数
18.4.1 使用Ajax从文件中获取文本 18.4.2 使用Ajax从文件中获取XML 18.4.3 Ajax和表单 18.5 Ajax和JSON 18.5.1 JSON数据结构 18.5.2 使用JSON的步骤 18.5.3 JSON综合示例 18.5...
1.获取元素的class 属性 2. 为网页内的某个元素指定一个css样式来更改该元素的外观 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> ...
可以使用任何文本编辑工具编写 JavaScript 代码,然后由浏览器解释执行。 JavaScript常用于实现如下功能: |--控制文档的外观和内容; |--对浏览器的控制; |--与 HTML 表单的交互; |--与用户的交互; |--...
function getClass(tagName,className) //获得标签名为tagName,类名className的元素 { if(document.getElementsByClassName) //支持这个函数 { return document.getElementsByClassName(className); } else {...
分析个人用原生JS获取类名元素的代码: 代码如下: getByClassName:function(className,parent){ var elem = [], node = parent != undefined&&parent.nodeType==1?parent.getElementsByTagName(‘*’):document...
className 设置或获取对象的类。 clientHeight 获取对象的高度,不计算任何边距、边框、滚动条或可能应用到该对象的补白。 clientLeft 获取 offsetLeft 属性和客户区域的实际左边之间的距离。
[removed][removed][removed][removed][removed][removed]调用代码 你所需要做的所有事就是使用jQuery的方式选择一个元素并且调用插件。 $('a.myLinks').zoomimage(options); 可选项 一个哈希参数。所有的参数都是可...
您还可以使用ContextHelp获取有关信息的快捷键。 ·代码折迭 ·对突出:突出成对标记和属性。 ·对选择,标记和属性选择命令:选择在当前块的内容。 ·工具提示:可查看光标所在变量的值和函数原型 ·按住CTRL键可...
注:多个标签同样可以定义相同的id值,但是对于JavaScript对标签元素的获取就会出错。所以形成习惯,确保id值的唯一性对于以后的数据库设计也很有好处。 10.扩展选择器: a)关联选择器 标签是可以嵌套的...
摘要:脚本资源,Ajax/JavaScript,日历控件,日期选择器 Js双日历控件,在一个网页上同时显示两个日期选择器,写成了封装类,方便使用者调用。同时美化的相当不错。 包括了以下函数: 1、2012——2020年节假日信息...
如何获取元素? (1). document.getElementById(id:string(区分大小写)) @return: 元素对象Object (2). document.getElementsByTagName(tag:string(标签名)) @return: 元素对象集合的伪数组 HTMLCollection // HTML5...
Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...
用法:通过 data 属性在控制器元素(比如按钮或者链接)上设置属性data-toggle="modal",同时设置 data-target="#identifier"或href="#identifier"来指定要切换的特定的模态框(带有 id="identifier")。...
Google-Clone-Personal-Project行动计划上下文API 材质用户界面React路由器Google自定义搜索API 用React做我自己的自定义钩子-从服务器中获取信息Firebase设置应用程序以连接到Google 使用Firebase托管来部署应用...