使用JavaScript更改网页元素的尺寸

3

内容加载后如何更改body元素的尺寸(宽度、高度)?

限制条件:

  • 仅针对WebKit浏览器
  • 不能使用像JQuery这样的框架
  • 不能更改原始HTML文件;只能在内容加载后执行JavaScript。

这听起来像是一个CSS问题... - Nick Craver
2个回答

6
window.addEventListener("load", function() {
  document.body.style.width = '600px';
}, false);

2

您可以在 <body> 标签中使用 onload JS 事件。 例如:<body onload="ResizeBody();">。 函数可能如下所示:

function ResizeBody() {
    document.body.style.width=your_width;
    document.body.style.height=your_height;
}

现在它可以工作了,之前的错误是由于树中缺少style标签。


1
问题说他不能更改HTML文件 :) - Nick Craver
1
该函数执行,但无论我使用什么值,页面都保持不变。 - hpique
@Nick Craver 我可以在页面加载完成后执行JavaScript,我会澄清的。 - hpique
啊!非常抱歉!我忘记了“style”子元素 :) 现在已经修复好了。现在我的代码可以正常运行(测试通过)。 - rhino

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接