javascript - 更改 CSS 元素

Question

我有一个 div 对象，其属性 width = 800。我想将此 div 对象的宽度分配给另一个 div 对象。

<div id="object1" style="width: 800px;"></div>

<div id="object2"></div>

因此，当我在 javascript.js 文件上编码时，我尝试使用 clientWidth 方法，但没有成功。

var obj1 = document.getElementById("object1");
var obj2 = document.getElementById("object2");

obj2.style.width = obj1.clientWidth;

我也尝试过使用 obj1.style.width 但也没有用。如何使用另一个对象的属性来更改这些对象的属性？

Answer 1

obj1.clientWidth 告诉您宽度(以像素为单位)，但返回一个整数。对于 obj2.style.width，您需要定义它是否为“px”、“%”、“em”。 obj2.style.width 需要一个类似“1200px”的字符串。

更改代码obj2.style.width = obj1.clientWidth + 'px';以将值的类型添加到像素。