javascript - JavaScriptでdivの幅を変更する方法

Question

javascript で pagewrapper div のサイズを変更したいと思います。私はクロムを持っており、それをユーザースクリプトとして使用したいと考えています。サイト リンクは次のとおりです: 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

注意すべきことの 1 つは、絶対配置されていない仕切り要素は自動的に幅の 100% を占有するため、何もする必要がない場合があることです。pagewrapper(CSS で) 要素から width プロパティを削除してみて、それが機能するかどうかを確認してください。width プロパティをオーバーライドすることもできます。

#pagewrapper {
    width:100%;
}

何らかの理由で CSS を設定できない場合は、次のスクリプトで十分です。

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