Javascript HTML在<；下选择一行；td>；UIWebView中的标记

我有一个

UIWebView

，在其中我加载了一个htmlString，它在标记下以表格格式包含文本。标签在标签内。在标签下面。我需要做的是改变点击文本的颜色

代码：

<tr id = '1' valign=\"top\">
  <td>
    <p>
      <a href = '#1'> TEXT </a>
    </p>
  </td>
  <td>
    <p>
      <a href = '#1'> TRANSLATION </a>
    </p>
  </td>
</tr>

我需要的是，当点击“文本”或“翻译”时，文本颜色应该改变

我写这个javascript代码是为了改变颜色

<script> var el = document.getElementById(\"%d\"); 
     window.onload = function () {
     window.scrollTo(20,el.offsetTop); 
     el.style.color=\"red\"; 
   } 
</script>

var el=document.getElementById（\%d\”）；
window.onload=函数（）{
滚动窗口（20，标高偏移）；
el.style.color=“红色”；
} 

请帮忙

更新：

这是我的html文件，我在其中用####内容替换上面给定的“tr”标记###

a:链接{
文字装饰：无；
颜色：黑色；
}
a:参观了{
颜色：黑色；
}
a:悬停{
颜色：红色；
}
桌子{
表布局：固定；
宽度：280px；
}
html，正文{
边距：0；填充：0；
}
html{
显示：表格；
}
身体{
字体系列：'MSH-Quraan1'；
字号：17px；
显示：表格单元格；
垂直对齐：中间对齐；
填充：10px；
文本对齐：居中；-webkit文本大小调整：无；
}
###内容###

为什么要使用javascript

尝试像这样使用CSS

tr #1:active{
color:red}

我不是javascript方面的专家，但请尝试以下方法：

<script>

    document.getElementById('1').onclick = changeColor;   

    function changeColor() {
        document.body.style.color = "red";
        return false;
    }   

</script>

document.getElementById（'1'）。onclick=changeColor；
函数changeColor（）{
document.body.style.color=“红色”；
返回false；
}   

我试过这个。Active是标记的一个属性。在标记中不起作用。我也使用了CSS。我已经用代码更新了我的问题。请检查。这也是我的问题。我也不是js、html或css方面的专家。但是你给的密码，我已经试过了。此代码，即onclick事件在按钮上工作，而不是在标记上工作。但是谢谢你尝试一下。

<script>

    document.getElementById('1').onclick = changeColor;   

    function changeColor() {
        document.body.style.color = "red";
        return false;
    }   

</script>