javascript 如何获取页面元素,并改变文字颜色.

Question

<SCRIPT LANGUAGE="JavaScript">
 <!--
  function changeColor(id){
     alert(id);
     var ttt=document.getElementById(id);     
      alert(ttt.color.value);

 }    
 //--> 
 </SCRIPT>
<td id="title1" height="23" align="center" valign="top" onclick="changeColor('title1')">
   <html:link page="/colsmaster.html" target="downFrame">检索A</html:link>
</td>

<td id="title2" align="center" valign="top" onclick="changeColor('title2')">
   <html:link page="/colsmaster.html" target="downFrame">检索B</html:link>
</td><td id="title3" align="center" valign="top" onclick="changeColor('title3')">
   <html:link page="/colsmaster.html" target="downFrame">检索C</html:link>
</td>
目的:点"检索B"它颜色变红,检索A和C文字保持白色不变.
点"检索C"它颜色变红,检索A和B文字恢复白色.
点"检索A"它颜色变红,检索C和B文字恢复白色.疑问:我取得元素<td id="title1">以后,不知道怎么取出里面的文字和改变它的颜色?

Answer 1

疑问:我取得元素 <td id="title1">以后,不知道怎么取出里面的文字和改变它的颜色?
再得到td的孩子结点，比如是child1，child1.style.color = "red",这样就变成红色了！
想你说的这种情况应该设置一个当前活动的节点，也就是变红了的那个结点，每次点击时，判断点击的是不是活动结点，如果不是，再设置活动的节点为白色，然后把被点击的节点负给活动结点，活动结点当然就设置成红色了！！

Answer 2

抛砖引玉一些，这里的代码你可以写的更灵活的！<SCRIPT LANGUAGE="JavaScript"> 
  function changeColor(id){  
    var ttt = document.getElementById(id);    
    ttt.style.color = "red"; 
for(var i = 1 ; i <= 3 ; i++){
   if(ttt.id!==("title" + i)){
     document.getElementById("title" + i).style.color = "white";
   }
}
}    </SCRIPT> 
<td height="23" align="center" valign="top" > 
  <a id="title1" onclick="changeColor('title1')" style="color:#999;">检索A </a> 
</td> <td  align="center" valign="top"  > 
  <a id="title2" onclick="changeColor('title2')" style="color:#999;" value="aa">检索B </a> 
</td> <td align="center" valign="top" > 
  <a id="title3" onclick="changeColor('title3')" style="color:#999;">检索C </a> 
</td>