Javascript I';I’我正试图更改这段代码中的语法

Javascript I';I’我正试图更改这段代码中的语法,javascript,Javascript,我是Javascript的初学者。我只是想知道如何在代码中使用样式而不是使用新的变量 var style = "position:absolute;" + "width:" + newObj.radius + "px;" + "left:" + newObj.xPos + "px;" + "top:" + newObj.yPos + "px;"; newImg.setAttribute("style", style); 我想把每行末尾的加号去掉。我尝试了下面的代码,但不起作用 newImg.

我是Javascript的初学者。我只是想知道如何在代码中使用样式而不是使用新的变量

 var style =
"position:absolute;" +
"width:" + newObj.radius + "px;" +
"left:" + newObj.xPos + "px;" +
"top:" + newObj.yPos + "px;";
newImg.setAttribute("style", style);
我想把每行末尾的加号去掉。我尝试了下面的代码,但不起作用

newImg.style.position = "absolute;";
newImg.style.width= newObj.radius + "px;";
newImg.style.left = newObj.xPos + "px;";
newImg.style.top = newObj.yPos + "px;";

您的问题是如何使用
\u Object\u.style
的属性设置HTML元素的CSS属性,而不是使用
字符串
值设置样式

像这样:

newImg.style.position = "absolute";
newImg.style.width= newObj.radius + "px";
newImg.style.left = newObj.xPos + "px";
newImg.style.top = newObj.yPos + "px";
所有这些都可以在中找到-查找每个属性的Javascript语法

document.getElementById("theIdYouMadeInHTML").style.property = new style;

如图所示:

如果您使用的是现代Javascript(ES6+),那么您可以使用模板文字Sam-下面的内容对您有用吗?如果有,请标记为已回答