从一个元素获取属性（宽度）并分配给另一个

Question

我试图从一个元素获取width属性并将其分配给另一个元素。

这里是我的代码（即不工作）：

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

Answer 1

如果你使用jQuery，那么你可以像这样的代码：

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

如果使用原来的JavaScript中，你可以将代码像这样：

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

jQuery对象不同于DOM（文档对象模型）。

该变种scrollbar相同。

Answer 2

你可以得到元素宽度：

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

，你可以设置元素的宽度：

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

Answer 3

好了，所以我想这个和那个，终于找到了一个解决方案：

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

但是，我不知道为什么现在可以工作。让我知道如果你这样做！