改变文本的颜色时遇到了麻烦

Question

<div id="content" contentEditable=true>
<font color="ff0000" id=font1>我是一个中国人！</font><br>
<a id=a1>我是一个堂堂正正的中国人！</a>
</div>
<div id="changeprop">
<input type="txtColor" id=text1 value="">
</div>
<button onclick="dd()">变色
<SCRIPT LANGUAGE="JavaScript">
<!--
function dd()
{
font1.color=text1.value;
a1.style.color=text1.value;
}
//-->
</SCRIPT>

Answer 1

这样？？
<div id="div">ddddddddddddddddddddddd</div>
<select id="color" style="width:200" onchange="document.all.div.style.color=this.value">
<option value="red">red</option>
<option value="yellow">yellow</option>
<option value="#0000ff">blue</option>

Answer 2

这样吗？<div id="content" contentEditable=true>
<font id="fon1" color="ff0000">我是一个中国人！</font><br>
我是一个堂堂正正的中国人！
</div>
<div id="changeprop">
改变字体颜色：<input type="text" value="" onpropertychange="changeFontColor(this)"><BR>
改变层字体颜色：<input type="text" value="" onpropertychange="changeDivColor(this)">
</div>
<SCRIPT language="javascript">
function changeFontColor(oObj)
{
document.all.fon1.color = oObj.value;
}
function changeDivColor(oObj)
{
document.all.content.style.color = oObj.value;
}
</SCRIPT>

Answer 3

大家都忽略我说的“选择”！这说明我有可能只是选中了这句话中的几个文字而已，而且我要希望效果是在文本框中输入颜色值。这个动作会使selection消失。另外现实的情况是，不能让我增加ID属性:(有解决方法么？

Answer 4

如果用replace的话，那重复的文本如何处理？

Answer 5

楼主试试下面这个， 用到了文本框的 onblur 事件
<div id="content" contentEditable=true onmouseout="kiss()" >
<font color="ff0000">我是一个中国人！</font><br>
我是一个堂堂正正的中国人！
</div>
<div id="changeprop">
<input type="txtColor" value="" onblur="color(this.value)">
</div>
<script language="JavaScript">
<!--
var obj;
function kiss()
{
if(document.selection.createRange().text != "")
   obj = document.selection.createRange();
}
function color(val)
{   
   if(typeof obj == "object")
   {       
          var sel=fnGetSelection();
      sel.execCommand('ForeColor',false,val);
}
else
{
    alert("请先选择中你所要的改变的文本！");
return;
}
}function fnGetSelection()
{
   var oSel=obj;
   oSel.type=document.selection.type;
   return oSel;
}
//-->
</script>