document.getElementById();如果有许多个要获取的元素节点,就在sanfu.js里面写一个方法,以后只要调用这个方法就可以获取到元素节点。
源代码:
// 定义一个对象
/**
@param: selector , 通过不同的选择器,进行元素的获取
可以输入的值: id, class, tagName, ......
判断开头的字母
#: id ,获取id
.: xxxx
*/
var $ = function(selector){
//得到开头
// 字符串没有一个方法 , 以。。。开头
// 方法 一
// if(selector.substring(0,1) == "#"){
// var caption = "#";
// selector = selector.substring(1);
// }
// 判断 字符串以xxx开头
if(!selector.indexOf("#")){
var caption = "#";
selector = selector.substring(1);
}
// var caption =
switch(caption){
case "#": return document.getElementById(selector);
}
};
// 函数的作用: 把重复,进行封装
$.each = function(strArray,fn){
for(var i=0;i<strArray.length;i++){
/*
(function(i,perValue){
//......
})(i,strArray[i]);
*/
fn(i,strArray[i]);
}
};
// 创建一个新的方法 ,完成 ,文本节点的过滤
// @param parentNode: 父节点 , 节点数组,需要把里面文本节点去掉
// @result: 返回,需要的元素节点
$.children = function(parentNode){
var resultArray = [];
var list = parentNode.childNodes;
//
$.each(list,function(i,perValue){
if(perValue.nodeType != 3){
resultArray.push(perValue);
}
});
return resultArray;
};
//返回文本内容
// 解决 各家浏览器的不同
$.innerText = function(domObj){
// 或运算
return domObj.innerText || domObj.textContent;
};
// 自定义一个窗口居中操作
// @param url: 要打开的url
// @param width: 要打开的新窗口的宽度
// @param height: 要打开的新窗口的高度
$.centerWin = function(url,width,height){
// var features = "width="+width+",height="+height;
var featuresArray = [];
featuresArray.push("width="+width);
featuresArray.push("height="+height);
var top = (window.screen.height-height)/2;
var left = (window.screen.width-width)/2;
featuresArray.push("top="+top);
featuresArray.push("left="+left);
// 把数组 变成 字符串
// 使用 逗号分隔
var features = featuresArray.toString();
window.open(url,'',features);
};
|
|