2013-11-01 18 views
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 內一切的字體大小。如果這是不可能的,那麼請告訴我如何只更改表格的字體大小。

由於

+2

那麼,什麼是錯的。這不行嗎?你有錯誤嗎? –

+0

可以使用CSS媒體查詢做到這一點...無需腳本 – charlietfl

+0

@cale_b它只是保持默認的字體大小。 – B0B0

回答

1

script元件移動到body元件的端部。

現在發生的事情是(你可以通過查看瀏覽器的Developer Tools中的控制檯,按F12輸入它們來看到)是document.getElementById("Table")產生null。其原因是,在瀏覽器中執行JavaScript代碼已解析的script元素之後的HTML代碼前,所以用的Tableid值沒有元素。

有很多方法,以防止運行的JavaScript代碼纔可以訪問它所需的所有數據。在這種情況下,移動script元素是最簡單的。