Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/376.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/296.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_Html_Xhtml - Fatal编程技术网

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>&nbsp;';
     }
     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”的谷歌文档,允许你的用户更改颜色,这将保证你有一些有趣的工作时间;)

使用类似或