网站建设资讯

NEWS

网站建设资讯

javascript编程开发中取色器及封装$函数怎么用

小编给大家分享一下javascript编程开发中取色器及封装$函数怎么用,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

创新互联公司服务项目包括大邑县网站建设、大邑县网站制作、大邑县网页制作以及大邑县网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,大邑县网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到大邑县省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

具体如下:

1.封装$函数

function $(str){
      //如果传入的是'#' 则选择id标签
      //如果传入的是'.' 则选择所有的类名标签
      //如果传入的既不是'#也不是'.' 选择复合标签
      //判断传入的值
      if(typeof str !='string'){
        console.log('传入的参数有误!');
        return null;
      } 
      //获取参数的第一个字母
      var firstChar=str.charAt(0);
      var name=str.substr(1);
      switch(firstChar){
        case '#':
          console.log('id选择器');
          return document.getElementById(name);
          break;
        case '.':
          //类选择器:getElementsByClassName是在js中新加入的,对于老的ie6,ie7无法兼容
          console.log('类选择器');
          //兼容性
          //1.判断是否能够使用getElementsByClassName
          if(!document.getElementsByClassName){
            return document.getElementsByClassName(name);
          }else{
            //2.获取所有的标签
            //3.逐个判断是否带有该类名
            //4.如果有则添加到数组中
            var resultElements=[];
            var elements=document.getElementsByTagName('*');
            // console.log(element);
            for(var i=0;i

2.取色器




  
  Document
  
  
  


  
  red:   green:   blue:   取色

看完了这篇文章,相信你对“javascript编程开发中取色器及封装$函数怎么用”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


网页标题:javascript编程开发中取色器及封装$函数怎么用
网页地址:http://njwzjz.com/article/poiiii.html

其他资讯