仿querySeletor 兼容IE 67
2018-07-16 03:11:27来源:博客园 阅读 ()
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>仿Jquery查询</title>
</head>
<body>
<div id="box" class="box">
<ul id="ulBox" class="ulBox" >
<li></li>
<li></li>
<li></li>
</ul>
</div>
<script type="text/javascript" src="DomUtil.js"></script>
<script type="text/javascript">
function $(str){
/*#box .ulBox li*/
/*
var currentEle=document;
先取到#box 然后得到#box元素
保存在currentEle中
然后在#box元素下取到.ulBox
考虑到类不是一个 所以一般取第一个操作就行
$(".box")[0]
保存在currentEle中
然后在ul.box 下取到 li
保存在currentEle中
每次查到元素 都要保存在一个变量中以便下次搜索时用
符串是用空格分开的
所以可以用 str.split(" ")分成好几个在遍历操作;
*/
currentEle=document;//保存每次查询的元素节点
var arr=str.split(" ");//把字符串按空格分开变成数组
var len=arr.length;
for(var i=0;i<len;i++)
{
var firstSign = arr[i].substr(0,1);
if(firstSign!="." && firstSign!="#" )
{
var name=arr[i].substr(0);
}
else{
var name =arr[i].substr(1);
}
switch(firstSign)
{
case "." : currentEle=getElementsByClassName(name)[0];
break;
case "#" : currentEle=currentEle.getElementById(name);
break;
default : currentEle=currentEle.getElementsByTagName(name);
}
}
return currentEle;
}
console.log($(".box .ulBox li"));
</script>
</body>
</html>
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:IE中操作粘贴板复制和粘贴
下一篇:Ajax
- Javascript 多浏览器兼容性问题及解决方案 2019-09-30
- 掷骰子 2019-08-14
- js实现复制到剪切板 2019-08-14
- http请求post,文件导出兼容IE10+ 2019-08-14
- 鼠标滑过与离开 2019-08-14
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash