如何提供在javascript中编写对对象的循环访问以设置元素样式的速记？

如何编写javascript以单行形式设置元素的样式？ 比如说,

document.getElementById('add_new').style.top=-15;
document.getElementById('add_new').style.position='absolute';

是否可以使用javascript本身使其成为数组或单行来设置元素的样式

---

如何为编写对象的循环访问提供速记？

使用普通JavaScript无法做到这一点

如果使用jQuery，则可以使用对象：

$('#add_new').css({top: '-15px', position: 'absolute'});

---

你不能用香草JavaScript来实现这一点

如果使用jQuery，则可以使用对象：

$('#add_new').css({top: '-15px', position: 'absolute'});

---

这是最阴沉的方式：

Javascript

document.getElementById("add_new").classList.add('addstyle');

CSS

<style>
.addstyle
{
    top: -15;
    position: absolute;
}
</style>

---

这是最阴沉的方式：

Javascript

document.getElementById("add_new").classList.add('addstyle');

CSS

<style>
.addstyle
{
    top: -15;
    position: absolute;
}
</style>

---

我不建议这样做，但您可以这样做，使其成为“1”行：

或者另一种方式：

element.style.cssText="background: black ; color: blue ; border: 1px solid green" 

---

多亏了

我不推荐它，但您可以这样做，将它放在“1”行中：

或者另一种方式：

element.style.cssText="background: black ; color: blue ; border: 1px solid green" 

---

感谢

Native js没有类似的功能，但是如果您使用jQuery，您可以使用以下代码

$('add_new').css({backgroundColor: '#ffe', borderLeft: '5px solid #ccc'})

---

原生js没有类似的功能，但如果您使用jQuery，则可以使用以下代码

$('add_new').css({backgroundColor: '#ffe', borderLeft: '5px solid #ccc'})

---

如果您愿意使用jquery，您可以这样做，但这并不完全在问题的范围之内。您还必须以“jQuery”的方式对其进行标记。这里有一个链接供参考

它可能看起来像：

$("#add_new").css({
    "top": "-15px",
    "position": "absolute"
});

---

同样，这不是您的问题所指出的纯JavaScript。您需要一个额外的库才能使其工作。

如果您愿意使用jquery，您可以这样做，但这并不完全在问题的范围之内。您还必须以“jQuery”的方式对其进行标记。这里有一个链接供参考

它可能看起来像：

$("#add_new").css({
    "top": "-15px",
    "position": "absolute"
});

---

---

同样，这不是您的问题所指出的纯JavaScript。你需要一个额外的库才能使它工作。

我不明白你在说什么。你在问关于链接样式命令的问题吗？你可以在Jquery中写为

$（'.add_new'）.css（{left:475，top:215}）。但是对于javascript，如何做到这一点呢？哦，我想你指的是单个表达式。一行中可以有任意多个表达式。jQuery是JavaScript Justin。它的
.css（）
方法只是一些JavaScript代码，它接受输入并适当地应用它，因此您可以从头开始编写自己的类似方法-您甚至可以查看jQuery源代码以了解它是如何工作的…@nnnnnn：感谢您提供的信息。我想知道内置javscript是否支持这一点，而不为此添加额外的功能。我不明白你在说什么。你在问关于链接样式命令的问题吗？你可以在Jquery中写为
$（'.add_new'）.css（{left:475，top:215}）。但是对于javascript，如何做到这一点呢？哦，我想你指的是单个表达式。一行中可以有任意多个表达式。jQuery是JavaScript Justin。它的
.css（）
方法只是一些JavaScript代码，它接受输入并适当地应用它，因此您可以从头开始编写自己的类似方法-您甚至可以查看jQuery源代码以了解它是如何工作的…@nnnnnn：感谢您提供的信息。我想知道内置javscript是否支持这一点，而不为此添加其他功能。谢谢。我也不知道JS有这样的说法！。这可能看起来很好，但被认为是邪恶的，
的声明是关于的利弊，这个讨论是好的Matthew Lock，感谢你的免责声明，你不推荐它。创建jQuery的部分原因是为了方便地执行类似的操作非常感谢。我也不知道JS有这样的说法！。这可能看起来很好，但被认为是邪恶的，
的声明是关于的利弊，这个讨论是好的Matthew Lock，感谢你的免责声明，你不推荐它。创建jQuery的部分原因是为了方便地执行类似的操作请注意，IE 9及更旧版本中的
.classList
…请注意IE 9及更旧版本中的
.classList
。。。