HTML下选择一行<标签在UIWebView

HTML select a row under the <td> tag in UIWebView

本文关键字：标签 UIWebView 一行 选择 HTML      更新时间：2023-09-26

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

请帮助。

更新:

这是我的html文件，我将上面给定的"tr"标签替换为###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>

你为什么使用javascript?

尝试使用这样的CSS 

tr #1:active{
color:red}

我不是javascript专家，但试试这个:

<script>
    document.getElementById('1').onclick = changeColor;   
    function changeColor() {
        document.body.style.color = "red";
        return false;
    }   
</script>
相关文章：