0

今、私は 100% が正方形です。これはdiv.newsticker
、ロード時またはサイズ変更時にこの幅を取得したいので定義されています。

どうすればjavascriptでそれを行うことができますか?

div.newsticker{
    border:1px solid #666666;
    width:100%;
    height:50px;
}

.newsticker p{
    height:20px;
    width:150px;
    float:left;
    position:absolute;
}
4

5 に答える 5

3

jQuery ではこのように取得できます。

On Load

jQuery(document).ready(function() {
   jQuery("div.newsticker").width()
});

On Resize

jQuery(window).on("resize", function() {
   var width = jQuery(".newticker").width();
});
于 2013-08-23T11:29:17.840 に答える
1

ここにあなたを助ける2つの答えがあります：

これは、幅を取得する方法を示しています。これをjQueryで実行します$(document).ready(function () {- https://stackoverflow.com/a/294273/2402338

ウィンドウのサイズ変更時に要素の寸法を取得する方法を投稿した人もいますが、それがサイズ変更を取得する必要がある正しいコンテキストであるかどうかはわかりません。そうでない場合は、この Q/A が役立つかもしれません - https://stackoverflow.com/a/3444837/2402338

于 2013-08-23T11:35:22.287 に答える
1

jQuery を使用しているので、次のwidth関数を使用するだけです。

// On load (use `ready` or whatever other load event you think appropriate)
$(doSomethingWithWidth);                    // Called on DOM ready
// and/or
$(window).on("load", doSomethingWithWidth); // Called on window load (very late)

// To get resize notification
$(window).on("resize", doSomethingWithWidth);

// And the function
function doSomethingWithWidth() {
    var width = $(".newticker").width();
    // ...
}

innerWidthおよびも参照してouterWidthください。

于 2013-08-23T11:29:36.430 に答える
1

jQuery の.width()、.innerWidth()またはを使用し.outerWidth()ます。

.outerWidth(true)- 全幅 (マージン、パディング、ボーダーあり)

$("element").width();

サイズ変更時に呼び出す：

$(window).on("resize",function(){
    // DO SOME STUFF
});
于 2013-08-23T11:29:40.387 に答える
1

負荷をかけるには:

var w = 0;
window.onload = function() {
  w = document.getElementsByClass("newsticker")[0].width;
}

ウィンドウの寸法を変更するには

window.onresize = function() {
  w = document.getElementsByClass("newsticker")[0].width;
}
于 2013-08-23T11:33:20.450 に答える