javascript编程开发中取色器及封装$函数用法示例

前端之家收集整理的这篇文章主要介绍了javascript编程开发中取色器及封装$函数用法示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了javascript编程开发中取色器及封装$函数用法分享给大家供大家参考,具体如下:

1.封装$函数

标签 //如果传入的是'.' 则选择所有的类名标签 //如果传入的既不是'#也不是'.' 选择复合标签 //判断传入的值 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标签选择器'); name=str.substr(0); return document.getElementsByTagName(name); } }

2.取色器

<Meta charset="UTF-8"> Document
Box">
red:

点击此处查看在线演示效果

PS:这里再为大家推荐几款本站的相关在线工具:

在线RGB、HEX颜色代码生成器:

RGB颜色查询对照表_颜色代码表_颜色的英文名称大全:

在线网页调色板工具:

在线颜色选择器工具/RGB颜色查询对照表:

更多关于JavaScript相关内容可查看本站专题:《》、《》、《》、《》、《》、《》及《用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

原文链接:https://www.f2er.com/js/37288.html

猜你在找的JavaScript相关文章