Question

我有一个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>

我需要的是点击＆＃34; TEXT＆＃34;或者＆＃34;翻译＆＃34;文字颜色应该改变。

我正在编写这个javascript代码来改变颜色。

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

请帮忙。

更新

这是我的html文件，我将替换上面给出的＆＃34; tr＆＃34;标记为### CONTENT ###

<html>
    <head>
        <style type='text/css'>

        a:link {
            text-decoration : none;
            color: black;
        }

        a:visited {
            color: black;
        }

        a:hover {
            color: red;
        }


        table {
            table-layout: fixed;
            width: 280px;
        }
        html,body {
            margin: 0;padding: 0;
        }
        html {
            display: table;
        }
        body {
            font-family:'MSH-Quraan1';
            font-size:17px;
            display: table-cell;
            vertical-align: middle;
            padding: 10px;
            text-align: center;-webkit-text-size-adjust: none;
        }
        </style>
    </head>
    <body>
        <table>
            ###CONTENT###
        </table>
    </body>
</html>

Answer 1

为什么使用javascript？

尝试使用这样的CSS

tr #1:active{
color:red}

我不是javascript的专家，但试试这个：

<script>

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

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

</script>

HTML在UIWebView中的标记下选择一行

1 个答案: