如何移除color常量中颜色值的井号并保留原常量名
解决方案
可以通过以下几种简单方式移除颜色值中的井号(#),同时保留color常量的名称:
方法1:使用replace()方法替换井号
直接将获取到的颜色值中的#替换为空字符串:
const color = document.getElementById("color").value.replace('#', '');
方法2:使用slice()截取字符串
由于颜色选择器返回的值必然以#开头,我们可以从索引1的位置开始截取剩余部分:
const color = document.getElementById("color").value.slice(1);
方法3:使用substring()截取字符串
效果和slice()类似,从索引1开始截取到字符串末尾:
const color = document.getElementById("color").value.substring(1);
以上三种方法都能得到不带井号的纯颜色值,比如原取值为#ff0000,处理后会变成ff0000,完全满足传递给其他程序的需求。
内容的提问来源于stack exchange,提问作者Matija Moharic
相关产品推荐
相关产品推荐

