如何使用只有JavaScript

假設一個HTML頁面增加X像素的頁面高度頁面的中間。如何使用只有JavaScript

使用該JavaScript塊，如何通過「填充」頁面底部將總頁高增加150個像素？

如果我可以改變HTML一個簡單的解決辦法是：

<html> 
    <body> 
    .. html content (outside of our control) .. 
    .. javascript block .. 
    .. some more html content (outside of our control) .. 
    <div style="height: 150px; clear: both;"></div> 
    </body> 
</html>

但我怎麼只使用JavaScript塊實現這一目標？

理想的解決方案應該是跨瀏覽器兼容和100％內聯（即不使用JavaScript庫）。

更新＃1： JavaScript塊可以訪問整個頁面的DOM。

更新＃2：頁面的總長度（在更改DOM之前）會有所不同。

更新＃3：假設沒有JavaScript庫（如其他優秀的jQuery）可以使用。

來源

2009-04-28 knorv

是你的javascript在iframe中進行，還是你可以訪問整個頁面？ – jacobangel 2009-04-28 20:48:29

更新代碼：

var space = document.createElement('div'); 
space.style.height = "150px"; 
space.style.clear = "both"; 
document.getElementsByTagName("body")[0].appendChild(space);

來源

2009-04-28 20:49:15 cobbal

謝謝 - 我澄清了這個問題。請參閱更新＃2。 – knorv 2009-04-28 20:54:41

無論頁面長度如何，這都應該可以工作。我沒票了，或者我會投票。我即將發佈基本相同的東西。 – zombat 2009-04-28 21:01:01

你可以通過javascript生成DOM元素，只需將該div添加到底部？

我會投票cobbal如果我有任何代表..嘿。。

來源

2009-04-28 20:48:02 Dzejms

$（ '身體'）追加（$（ '< DIV的風格= 「高度：150像素;明確：既;」 > </DIV >'））;

也許

來源

2009-04-28 20:52:16

如何使用只有JavaScript

回答

相關問題