Question

我有这段代码：

   <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 如果那是不可能的，请告诉我如何更改表格的字体大小。

由于

Answer 1

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

现在发生的事情是（通过查看浏览器的开发者工具中的控制台，按F12输入），document.getElementById("Table")产生null。原因是浏览器在解析script元素之后的HTML代码之前执行JavaScript代码，因此没有id值为Table的元素。

有许多方法可以阻止JavaScript代码运行，然后才能访问所需的所有数据。在这种情况下，移动script元素是最简单的。

在Div内的表中更改字体大小

1 个答案: