Javascript 更改CSS元素

我有一个属性为width=800的div对象。我想将此div对象的宽度指定给另一个div对象

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

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

---

我也尝试过使用obj1.style.width，但也不起作用。如何使用其他对象的属性更改这些对象的属性？

您没有指定px、em或%

var obj1=document.getElementByIdobject1； var obj2=document.getElementByIdobject2； obj2.style.width=obj1.clientWidth+px； console.logobj2.style.width

---

您需要说“%”的“px”。它必须与CSS字符串等效。

使用obj2.style.width=obj1.clientWidth+px；或obj2.style.width=obj1.style.width；。这两种方法都适用于你的情况

var obj1=document.getElementByIdobject1； var obj2=document.getElementByIdobject2； obj2.style.width=obj1.style.width； //obj2.style.width=obj1.clientWidth+px； div{ 高度：50px； 背景：红色； 显示：内联块； 边缘底部：10px； } 因此，当我在javascript.js文件上编码时，我尝试使用clientWidth方法，但没有成功。obj1.clientWidth以像素为单位告诉您宽度，但返回整数。对于obj2.style.width，您需要定义它是“px”、“%”还是“em”。obj2.style.width需要类似1200px的字符串

---

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

将其更改为：obj2.style.width=obj1.clientWidth+'px'；谢谢大家！+px工作起来很有魅力！然而，奇怪的是，它只适用于clientWidth而不适用于样式。width@Zulu：奇怪。什么浏览器？我在这个网站上的控制台上的chrome中动态地确认了这一点。

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

obj2.style.width = obj1.clientWidth;