javascript - divの幅を変更するにはどうすればよいですか？

Question

さて、私はグリースモンキースクリプトを作成していて、広告が表示されているFacebookの右側の列を1pxに縮小して、関連するコンテンツを中央に拡大できるようにしようとしていますが、試したすべてが機能しません。私はこれを試しましたが、機能しませんでした：

document.getElementById('rightCol').style.width = '1px';

これは、サイドバーに244pxであることを指示するCSSです。

#rightCol{margin-top:-10000px;float:right;padding-right:0;width:244px;word-wrap:break-word}

どんな助けでも大歓迎です！

score 2 · Accepted Answer

これは機能します。

window.addEventListener ("load", function() {
    document.getElementById('rightCol').style.display = 'none';
}, false);

私のために働いた。

score 2 · Accepted Answer

列全体を非表示にすることができます:

document.getElementById('rightCol').style.display = "none"

score 0 · Accepted Answer

jqueryを試してみませんか。あなたのコードに間違いはありません。しかし、これを試してみてください。

$('#rightCol').attr('style','width: 10px;');

または、その特定の列にクラスを適用し、次のようにクラスセレクターで選択することもできます。

$('.rightColClass').attr('style','width: 10px;');// このクラスを含むすべての要素に幅を適用します。

3 に答える 3