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

【问题标题】：get property (width) from one element and assign to another one从一个元素获取属性（宽度）并分配给另一个元素
【发布时间】：2014-09-06 01:23:37
【问题描述】：

我正在尝试从一个元素中获取 width 属性并分配给另一个元素。

这是我的代码（不起作用）：

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

【问题讨论】：

标签： javascript properties set width assign

【解决方案1】：

可以获取元素宽度：

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

你可以设置元素宽度：

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

【讨论】：

【解决方案2】：

好的，所以我尝试了这个和那个，终于找到了解决方案：

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

但是，我不知道为什么它现在有效。如果你这样做，请告诉我！

【讨论】：

【解决方案3】：

如果你使用 jQuery，那么你可以这样编码：

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

如果你使用原始的 Javascript，你可以这样编码：

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

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

var scrollbar 一样。

【讨论】：

offsetWidth 是一个属性，而不是一个方法
@ToddMark 嗯，这不应该有效吗？（我之前正在加载 jquery）： window.onload=function(){ var morphWidth = $('#morph').width(); var 滚动条 = $('#scrollbar'); scrollbar.style.width = morphWidth + "px"; }
@Ian 感谢您纠正这个错误，它已被更改。