Question

我是Java语言的初学者。我只是想知道如何在此代码中使用样式而不是使用新的var。

 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;";

Answer 1

您的问题是如何使用_Object_.style的属性设置HTML元素的CSS属性，而不是使用string的值设置样式

赞：

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

所有这些都可以在CSS Reference documentation中找到-为每个属性寻找Javascript语法

Answer 2

尝试一下

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

如此处所示：https://www.w3schools.com/js/js_htmldom_css.asp

我正在尝试更改此代码中的语法

2 个答案: