Javascript 用一个<;输入>;随意的颜色
我怎样才能给一个Javascript 用一个<;输入>;随意的颜色,javascript,html,xhtml,Javascript,Html,Xhtml,我怎样才能给一个中的每个单词一个随机的颜色呢我认为这是不可能的 您可以将文本覆盖在其上,但您正在进入日常TF区域。您无法更改字段中的文本颜色。但是,您可以在其下方创建一个DIV,或者按照前面的回答中的建议将其覆盖 下面是一个使用普通老Javascript实现这一点的示例 <html> <head> <title>Random Colors</title> <script> window.onload = function(){ va
中的每个单词一个随机的颜色呢我认为这是不可能的
您可以将文本覆盖在其上,但您正在进入日常TF区域。您无法更改
字段中的文本颜色。但是,您可以在其下方创建一个DIV,或者按照前面的回答中的建议将其覆盖
下面是一个使用普通老Javascript实现这一点的示例
<html>
<head>
<title>Random Colors</title>
<script>
window.onload = function(){
var mytextbox = document.getElementById("mytext");
mytextbox.onblur = function(){
var words = mytextbox.value.split(' ');
var myDiv = document.getElementById("divText");
myDiv.innerHTML = '';
for(i = 0, len = words.length; i<len;i++){
myDiv.innerHTML += '<span>' + words[i] + '</span> ';
}
var spans = myDiv.getElementsByTagName('span');
for(i = 0, len = spans.length; i<len; i++){
spans[i].style.color = random_color();
}
}
}
function random_color()
{
var rint = Math.round(0xffffff * Math.random());
return ('#0' + rint.toString(16)).replace(/^#0([0-9a-f]{6})$/i, '#$1');
}
</script>
</head>
<body>
<input type="text" id="mytext" />
<div id="divText"></div>
</body>
</html>
随机颜色
window.onload=函数(){
var mytextbox=document.getElementById(“mytext”);
mytextbox.onblur=函数(){
var words=mytextbox.value.split(“”);
var myDiv=document.getElementById(“divText”);
myDiv.innerHTML='';
对于(i=0,len=words.length;i您可以使用div而不是输入
然后给它CSS属性,使它看起来像一个输入
如果浏览器用户允许,可以使用contentEditable属性对其进行编辑(现代浏览器和IE支持HTML5)
但是我想你必须构建一个类似于富文本编辑器“a la”的谷歌文档,允许你的用户更改颜色,这将保证你有一些有趣的工作时间;)使用类似或