javascript - を操作するJavaScript による の位置

Question

の上、左、幅、高さを設定するにはどうすればよい<div>ですか? 次の CSS コードを挿入して、フロートすることを確認しました。

div.grid_tooltip {
    position: absolute;
    left: 0px;
    top: 0px;
}

Answer 1

要素への参照を簡単に取得するには、 のように id 属性を追加するとよいでしょうid="Tooltip"。次に、参照を取得してスタイル プロパティを設定できます。

var e = document.getElementById('Tooltip');
e.style.width = '100px';
e.style.height = '100px';

jQuery のようなライブラリを使用する場合は、id なしで要素を見つけて、次のようにスタイルを設定できます。

$('div.grid_tooltip').css({ width: '100px', height: '100px'});

要素に id がある場合はさらに効率的であり、ライブラリはそれを見つけるためにページ上のすべての div 要素を検索する必要はありません。

$('#Tooltip').css({ width: '100px', height: '100px'});

Answer 2

jQuery:

$(".some_element").css({
    "width" : "100px",
    "height" : "200px" 
});