[js]getElementsByClassName获取页面标签内容
一个朋友在某公司为某国企教育机构做网络课程。她的任务是做一些前端页面的工作,但做网络课程的要求是table布局,且得考虑ie6、7、8,不允许用 jquery等框架
一个朋友在某公司为某国企教育机构做网络课程。她的任务是做一些前端页面的工作,但做网络课程的要求是table布局,且得考虑ie6、7、8,不允许用 jquery等框架。要知道ie是不支持className取标签的啊,如果要通过className获取标签怎么办啊。你可以通过这个方法:
- function getElementsByClassName(className,root,tagName) { //root:父节点,tagName:该节点的标签名。 这两个参数均可有可无
- if(root){
- root=typeof root=="string" ? document.getElementById(root) : root;
- }else{
- root=document.body;
- }
- tagNametagName=tagName||"*";
- if (document.getElementsByClassName) { //如果浏览器支持getElementsByClassName,就直接的用
- return root.getElementsByClassName(className);
- }else {
- var tag= root.getElementsByTagName(tagName); //获取指定元素
- var tagAll = []; //用于存储符合条件的元素
- for (var i = 0; i < tag.length; i++) { //遍历获得的元素
- for(var j=0,n=tag[i].className.split(' ');j<n.length;j++){ //遍历此元素中所有class的值,如果包含指定的类名,就赋值给tagnameAll
- if(n[j]==className){
- tagAll.push(tag[i]);
- break;
- }
- }
- }
- return tagAll;
- }
- }
[js]getElementsByClassName获取页面标签内容
热门文章推荐
- [JS]window.location获取url各项参数详解
- [JS]jQuery,javascript获得网页的高度和宽度
- [JS]视频弹窗视频弹出层videoLightBox(含三种播放器的用法)
- [JS]JS提交中文encodeURI两次转码
- [JS]js版方面encodeURI转码和decodeURI解码的用法实例
- [JS]js取当前机子的时间戳实例
- [JS]AES加密(基于crypto-js)PHP后端解密
- [JS]data:image/png;base64写法的用途及说明
请稍候...