0

我有这个代码:

   <script>
if ((screen.width<=700) && (screen.height<=1200))
{
  document.getElementById("Table").style.fontSize = "64px";
}
else
{
  document.getElementById("Table").style.fontSize = "40px";
}
</script>
<body>
  <div id="Table">
  <center>
    <table border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" height="60"         width="100%">
      <tr>
        <td align="center" valign="center"><a href="https://www.google.com">Hello</a>    </td>
      </tr>
    </table>
  </center>
  </div>
</body>`

我想更改 div 内所有内容的字体大小如果这不可能,那么请告诉我如何仅更改表格的字体大小。

谢谢

4

1 回答 1

1

script元素移动到元素的末尾body

现在发生的事情是(正如您在浏览器的开发人员工具中查看控制台所看到的,按 F12 进入它们)是document.getElementById("Table")产生null. 原因是浏览器在解析该元素之后的 HTML 代码之前执行了 JavaScript 代码script,因此不存在id值为 的元素Table

有很多方法可以阻止 JavaScript 代码在访问所需的所有数据之前运行。在这种情况下,移动script元素是最简单的。

于 2013-11-01T04:57:33.943 回答