2014-09-06 39 views
-1

我試圖從一個元素獲取width屬性並將其分配給另一個元素。從一個元素獲取屬性(寬度)並分配給另一個

這裏是我的代碼(即不工作):

window.onload=function() { 
    var morphWidth = document.getElementById('morph').width(); 
    var scrollbar = document.getElementById('scrollbar'); 
    scrollbar.style.width = morphWidth + "px"; 
} 

回答

0

如果你使用jQuery,那麼你可以像這樣的代碼:

var morphWidth = $('#morph').width(); 

如果使用原來的JavaScript中,你可以將代碼像這樣:

var morphWidth = document.getElementById('morph').offsetWidth; 

jQuery對象不同於DOM(文檔對象模型)。

該變種scrollbar相同。

+0

'offsetWidth'是**屬性**,而不是方法 – Ian 2014-09-06 01:37:56

+0

@ToddMark嗯,所以不應該這樣工作嗎? (我之前加載jquery): window.onload = function(){ var morphWidth = $('#morph')。width(); var scrollbar = $('#scrollbar'); scrollbar.style.width = morphWidth +「px」; } – 2014-09-06 01:41:15

+1

@Ian謝謝你糾正這個錯誤,它已經改變了。 – 2014-09-07 00:18:56

0

你可以得到元素寬度:

document.getElementById("morp").style.width; 

,你可以設置元素的寬度:

document.getElementById("morph").style.width="300px"; 
0

好了,所以我想這個和那個,終於找到了一個解決方案:

$(function() { 
var morphWidth = $('#morph').width(); 
var scrollbar = $('#scrollbar'); 
$('#scrollbar').css('width', morphWidth + 'px'); 
}); 

但是,我不知道爲什麼現在可以工作。讓我知道如果你這樣做!

相關問題