如何使用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%";
}