如何使用javascript调整div宽度

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%";
}