繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript getElementsByClassName 和js取地址栏参数
- Javascript
- 一个简单的收缩菜单效果
- HTML-CSS群中单选引发的“事件”
- 打开超链需要“确认”对话框的方法
- 用js实现网页上模仿桌面右键菜单
- 可以文本显示的公告栏的js代码
- [原创]js与自动伸缩图片 自动缩小图片的多浏览器兼容的方法总结
- 极致之美：百行代码实现全新智能语言
- 表单(FORM)的一些实用效果代码
- [原创]提供复制本站内容时出现,该文章转自等字样的js代码
- javascript中巧用“闭包”实现程序的暂停执行功能
- 给网站上的广告“加速”显示的方法
- [原创]jser必看的破解javascript各种加密的反向思维方法
- 用javascript代替marquee的滚动字幕效果代码
- 静态页面下用javascript操作ACCESS数据库(读增改删)的代码
- [原创]由亿起发(eqifa.com)的页面发现顶部的http://16a.us/8.js想到的js解密
- [原创]站长必须要知道的javascript广告代码
- js defineSetter -给js的 "class"自动增加一个set的属性(方法)
- Javascript & DHTML 实例编程（教程）（三）初级实例篇1—上传文件控件实例
- WordPress 插件：CoolCode使用方法与下载
- 文档处理系列：随时更新
Javascript 中的 javascript getElementsByClassName 和js取地址栏参数
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 216 ::
收藏到网摘: n/a
为了从一大堆HTML代码中找出我们的树状菜单(也许有多个)，我们先来实现一个通过className找DOM节点的方法：getElementsByClassName。这是对浏览器自有DOM方法的一个简单但实用的扩充。 getElementsByClassName()
为了从一大堆HTML代码中找出我们的树状菜单(也许有多个)，我们先来实现一个通过className找DOM节点的方法：getElementsByClassName。这是对浏览器自有DOM方法的一个简单但实用的扩充。
此方法有两个参数：ele指出以哪个DOM节点为根节点寻找（也就是说只找ele的子节点），className指出符合条件的节点的class属性中必须包含怎样的className。它的返回值是一个数组，存放了所有符合条件的节点。
复制代码 代码如下:
function getElementsByClassName(ele,className) {
//获取所有子节点
if(document.all){
var children = ele.all;
}else{
var children = ele.getElementsByTagName('*');
}
//遍历子节点并检查className属性
var elements = new Array();
for (var i = 0; i < children.length; i++) {
var child = children[i];
var classNames = child.className.split(' ');
for (var j = 0; j < classNames.length; j++) {
if (classNames[j] == className) {
elements[elements.length] = child;
break;
}
}
}
return elements;
}
var trees = getElementsByClassName(document,'TreeView');
最前面的一个if-else语是为了兼容IE5（IE5不能运行
document.getElementsByTagName('*')）。需要注意的是千万不要用浏览器检测的方法来写脚本，而应该直接使用将要用到的语句来测试是否可以执行，如果返回值为null或undefined，那再换一种方法。这样的脚本可以有更好的兼容性，也更健壮。
elements[elements.length] = child;，这句同样是为了兼容IE5才没有使用数组
的push方法。如果你一定要使用push方法，那么可以在执行getElementsByClassName()
之前先重载一遍push方法。代码如下：
Array.prototype.push = function(value){
this[this.length] = value;
} 注：原本我希望getElementsByClassName也能像push方法一样写，比如
HTMLElement.prototype.getElementsByClassName = ...。不过实际操作的时候发现在
运行时HTMLElement这个对象并不是固定的，每种tag似乎都不一样，只能作罢。
取地址栏参数
复制代码 代码如下:
//v1:
var URLParams = new Array();
var aParams = document.location.search.substr(1).split('&');
for (i=0; i < aParams.length i++){
var aParam = aParams.split('=');
URLParams[aParam[0]] = aParam[1];
}
//取得传过来的name参数
name=URLParams['name'];
//v2:
Request = {
QueryString : function(item){
var svalue = location.search.match(new
RegExp('[\?\&]' + item + '=([^\&]*)(\&?)','i'));
return svalue ? svalue[1] : svalue;
}
}
var key = Request.QueryString('key');
评论 (0) All
