Question

我想用javascript调整pagewrapper div的大小。我有chrome并且想用它作为用户脚本。以下是网站链接：http://clanbase.ggl.com。我想将pagewrapper放到100％宽度。我有以下代码：

// ==UserScript==
// @match http://clanbase.ggl.com/*
// ==/UserScript==

function addJQuery(callback) {
var script = document.createElement("script");
script.setAttribute("src", "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js");
script.addEventListener('load', function() {
var script = document.createElement("script");
script.textContent = "(" + callback.toString() + ")();";
document.body.appendChild(script);
}, false);
document.body.appendChild(script);
}

function pagewrapper() {
document.getElementById('pagewrapper').style.Width = "100%";
}

addJQuery(pagewrapper);

Answer 1

有一点需要注意的是，非绝对定位的分隔元素会自动占据宽度的100％，因此您可能不需要做任何事情。只需尝试从pagewrapper元素（在CSS中）中删除width属性，看看它是否有效。您也可以尝试覆盖width属性：

#pagewrapper {
    width:100%;
}

如果因任何原因设置CSS不是一个选项，那么这个脚本就足够了：

function pagewrapper() {
    document.getElementById('pagewrapper').style.width = "100%";
}

如何使用javascript调整div宽度

1 个答案: