Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/string/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在Javascript中使用十六进制颜色为字符串着色_Javascript_String_Hex - Fatal编程技术网

如何在Javascript中使用十六进制颜色为字符串着色

如何在Javascript中使用十六进制颜色为字符串着色,javascript,string,hex,Javascript,String,Hex,我想从字符串中提取十六进制颜色并生成彩色html代码。示例:我有以下字符串: #ff0000He#ffccccllo 它会把它转换成 你好这将实现以下功能: var input = '#ff0000He#ffccccllo'.split('#'); var output = ''; input.filter(function (str) { return !!str; }).forEach(function (str) { output += '<span style="#' +

我想从字符串中提取十六进制颜色并生成彩色html代码。示例:我有以下字符串:

#ff0000He#ffccccllo

它会把它转换成


你好

这将实现以下功能:

var input = '#ff0000He#ffccccllo'.split('#');
var output = '';
input.filter(function (str) {
  return !!str;
}).forEach(function (str) {
  output += '<span style="#' + str.slice(0, 6) + '">' + str.slice(6) + '</span>';
})
console.log(output) // --> <span style="...
var input='#ff0000He#ffccccllo'.split('#');
var输出=“”;
input.filter(函数(str){
返回!!str;
}).forEach(函数(str){
输出+=''+str.slice(6)+'';
})

console.log(output)//-->您可以使用带有

比如:

var str='#ff0000He#ffccccllo#123123sdfsdfsdf#aa6456asdasdsd';
var expR=/(#[0-9|a-f]{6})/gi
var a=str.split(expR);
a、 移位();
变量输出=“”
对于(变量i=0;i

带正则表达式的单衬里替换:

"#ff0000He#ffccccllo#ffccccooo".replace(/(#.{6})([^#]*)/g, '<span style="color: $1">$2</span>')
“#ff0000He#ffccccllo#ffcccooo”。替换(/(#.{6})([^#]*)/g,$2')

"#ff0000He#ffccccllo#ffccccooo".replace(/(#.{6})([^#]*)/g, '<span style="color: $1">$2</span>')