是否可以让H1中的每个单词都是随机颜色,并且如果您刷新页面,这些单词将再次随机化?
我有 5 种颜色想要使用。我将如何编码?
是的,这是可能的:
var colors = ['red', 'yellow', 'blue', 'green', 'black'];
$('h1').each(function(){
$(this).html($(this).text().split(' ').map(function(v){
return '<span style="color:'+colors[Math.floor(Math.random()*colors.length)]+'">'+v+'</span>';
}).join(' '));
});
主要思想是将每个 h1 的内容拆分为单词,并通过将它们嵌入<span>
来替换单词,因为您不能设置单词的样式,而只能设置元素的样式。
示范