Java DOM元素混淆：要字符串还是不字符串？ [关闭]

Question

关闭。这个问题是off-topic。它当前不接受答案。

---

是否要改善此问题？ Update the question，因此堆栈溢出为on-topic。

[<19小时前关闭。

所以，我有一个下面的代码可以正常工作：

var a = 0;
var b = 255;
var c = 0;
var color2 = 'RGB(' + a + ',' + b + ',' + c + ')';

document.getElementById("myDiv").onclick = function() {
  document.getElementById("myDiv").style.backgroundColor = color2;
  document.getElementById("myDiv").style.width = 50;
  document.getElementById("myDiv").style.height = 300;
}

<div id="myDiv">
Click here
</div>

我有很多反馈说，在访问DOM样式属性时，我需要将值设置为字符串，例如将DOM.style.width设置为一个数字，而不是像我在此处所做的那样，而是将w + "px"附加到代码无需这样做就可以正常工作。它使用正确的bg颜色和尺寸初始化div。我很困惑。有没有正确的方法？ 

Answer 1

width和height属性不能应用<number>。您应该应用<length>（<number>后紧跟一个单位标识符）

'width'

ref

值：<length> |<percentage>|auto| inherit

---

'height'

ref

值：<length> |<percentage>|auto| inherit

var a = 0;
var b = 255;
var c = 0;
var color2 = 'RGB(' + a + ',' + b + ',' + c + ')';

document.getElementById("myDiv").onclick = function() {
  document.getElementById("myDiv").style.backgroundColor = color2;
  document.getElementById("myDiv").style.width = "200px";
  document.getElementById("myDiv").style.height = "300px";
}

<div id="myDiv">
  Click here
</div>

Answer 2

width和height属性不能应用<number>。您应该应用<length>（<number>后紧跟一个单位标识符）

'width'^ref

• 值：<length> |<percentage>|auto| inherit

---

'height'^ref

• 值：<length> |<percentage>|auto| inherit

var a = 0;
var b = 255;
var c = 0;
var color2 = 'RGB(' + a + ',' + b + ',' + c + ')';

document.getElementById("myDiv").onclick = function() {
  document.getElementById("myDiv").style.backgroundColor = color2;
  document.getElementById("myDiv").style.width = "200px";
  document.getElementById("myDiv").style.height = "300px";
}

<div id="myDiv">
  Click here
</div>