单击按钮刷新带有超链接的html表?

时间:2014-11-12 07:01:19

标签: html css3

我正在开发一个HTML网页,其中包含一个包含超链接的表格。我想添加一个按钮,点击刷新表格中的所有超链接。

请参阅以下草案代码:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
    <meta name="dcterms.created" content="Wed, 12 Nov 2014 06:53:22 GMT">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title></title>

    <!--[if IE]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
  </head>
  
  <body>
    <style type="text/css">
      .tg {border-collapse:collapse;border-spacing:0;border-color:#aaa;}
      .tg td {font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background-color:#fff;}
      .tg th {font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#fff;background-color:#f38630;}
    </style>
    
    <table class="tg" style="undefined;table-layout: fixed; width: 240px">
      <colgroup>
        <col style="width: 68.88888883590698px">
        <col style="width: 61.88888883590698px">
        <col style="width: 108.88888883590698px">
      </colgroup>
      <tr>
        <th class="tg-031e"></th>
        <th class="tg-031e"></th>
        <th class="tg-031e"></th>
      </tr>
      <tr>
        <td class="tg-031e"><a href="http://www.google.com">aaa</a></td>
        <td class="tg-031e"><a href="http://www.google.com">bbb</a></td>
        <td class="tg-031e"><a href="http://www.google.com">ccc</a></td>
      </tr>
      <tr>
        <td class="tg-031e"><a href="http://www.google.com">ddd</a></td>
        <td class="tg-031e"><a href="http://www.google.com">eee</a></td>
        <td class="tg-031e"><a href="http://www.google.com">fff</a></td>
      </tr>
    </table>
  </body>
</html>

0 个答案:

没有答案