getElmentsByClassName用法
来源:互联网 发布:在b站做网络直播有延迟 编辑:程序博客网 时间:2024/05/20 21:22
JS批量获取class命名节点 getElementsByClassName()
getElementsByClassName() 是一个老的方法了,将其优化整理后给大家提供。
代码如下:
// 批量获取class命名节点
function getElementsByClassName(className, tag, parent){
var parent = parent || document;
var tag = tag||"*";
if(!(parent = F$(parent))){return false;}
// 查找所有匹配标签
var allTags = (tag == "*" && parent.all) ? parent.all : F$$(tag, parent);
var classElements = [];
// 创建一个正则表达是来判断className的正确性
className = className.replace(/\-/g, "\\-");
var regex = new RegExp("(^|\\s)" + className + "(\\s|$)");
var elenemt;
// 检查每个元素
for(var i=0; i<allTags.length; i++){
elem = allTags[i];
if(regex.test(elem.className)){
classElements.push(elem);
}
}
return classElements;
};
getElementsByClassName(className, tag, parent)接受三个参数:
className:要获取节点的class名称
tag:命名class的标签 可选项 默认表示“*”所有标签
parent:父节点之下的所有内容,也就是获取的范围,可选项 默认表示"document"
实例:
HTML:
<p class="main" id="main">
<a href="#" class="my">这是链接</a>
<span class="my">1</span>
<span id="sss">2</span>
<span class="my ttt">3</span>
<span>4</span>
</p>
执行:getElementsByClassName("my", "span", document.getElementById("main"));
或得到的将是包含 SPAN1、SPAN3 两个个节点的数组 『其中不包含A标签这个节点,因为参数中指定必须是span才提取』。
还有如下实例:
getElementsByClassName("my") // 获取文档中所有.my 节点
getElementsByClassName("my", "span") // 获取文档下以.my命名的span节点
getElementsByClassName("my", "*", document.getElementById("main")) // 获取#main下的所有.my命名节点。
getElementsByClassName() 是一个老的方法了,将其优化整理后给大家提供。
代码如下:
// 批量获取class命名节点
function getElementsByClassName(className, tag, parent){
var parent = parent || document;
var tag = tag||"*";
if(!(parent = F$(parent))){return false;}
// 查找所有匹配标签
var allTags = (tag == "*" && parent.all) ? parent.all : F$$(tag, parent);
var classElements = [];
// 创建一个正则表达是来判断className的正确性
className = className.replace(/\-/g, "\\-");
var regex = new RegExp("(^|\\s)" + className + "(\\s|$)");
var elenemt;
// 检查每个元素
for(var i=0; i<allTags.length; i++){
elem = allTags[i];
if(regex.test(elem.className)){
classElements.push(elem);
}
}
return classElements;
};
getElementsByClassName(className, tag, parent)接受三个参数:
className:要获取节点的class名称
tag:命名class的标签 可选项 默认表示“*”所有标签
parent:父节点之下的所有内容,也就是获取的范围,可选项 默认表示"document"
实例:
HTML:
<p class="main" id="main">
<a href="#" class="my">这是链接</a>
<span class="my">1</span>
<span id="sss">2</span>
<span class="my ttt">3</span>
<span>4</span>
</p>
执行:getElementsByClassName("my", "span", document.getElementById("main"));
或得到的将是包含 SPAN1、SPAN3 两个个节点的数组 『其中不包含A标签这个节点,因为参数中指定必须是span才提取』。
还有如下实例:
getElementsByClassName("my") // 获取文档中所有.my 节点
getElementsByClassName("my", "span") // 获取文档下以.my命名的span节点
getElementsByClassName("my", "*", document.getElementById("main")) // 获取#main下的所有.my命名节点。
0 0
- getElmentsByClassName用法
- Js关于getElmentsByClassName()的兼容与封装
- 用法
- ,, 用法
- 用法
- 用法
- #用法
- ??用法
- !!用法
- CustDialog用法 SimpleAdapter 用法
- hibernate_Restrictions用法 hibernate_Restrictions用法
- extern用法+assert用法
- getParameterValues用法
- rpm用法
- Log4j用法
- NameSpace用法
- sp_executesql 用法
- ShellExecute用法
- 性能测试工具总结
- resolv.conf中的nameserver
- php基础之常量
- HDU 2824
- 校招第二站-----爱数
- getElmentsByClassName用法
- 为什么匿名内部类和局部内部类只能访问final变量
- Js文件中调用其它Js函数的方法
- eclipse安装WindowBuilder
- 以ThreadStart方式实现多线程
- iOS 简单播放音效
- 了解 <script> 元素以及那些似曾相识但又不惹人注意的xxx
- POJ 3132
- 海量数据中找出出现次数最多的前10个URL