通过普通Javascript更改元素的样式

但是，在传统javascript中，如果不使用jquery，我怎么能做到这一点呢？

var elements=document.getElementsByTagName（'a'），
l=元素长度；
而（l--）元素[l].style.left='0px'；

这是小提琴：

---

如果您使用的是现代浏览器，则可以使用以下一行：

document.querySelectorAll（'a'）.forEach（e=>e.style.left='0px'）；

---

问题是：

JavaScript答案已经在那里了，但是您将其标记为jQuery，同时提到您不想使用jQuery。也许你只是没有意识到jQuery在使用JavaScript时有多么简单，它几乎可以在你使用JavaScript的任何地方使用，没有任何不良副作用。下面是使用jQuery和更少的代码实现这一点的简单程度

$('a').attr('style','left:0px');

我知道您展示了一个jQuery示例，但它并不完全正确，因此我猜您可能认为使用JavaScript会更容易，因为您无法找到正确的jQuery方法。只需在样式中包含右键并将其值设置为空字符串，即可正确设置样式

还有一点，虽然选择的答案显示了一种简单的方法，但它不能解释你的问题。即a标记已经具有

style=“right:0px；”

。如果您想使其全部正确，请使用他的公式，但添加一行：

$("a").css({ left: "0px", right: "" })

---

你为什么不在CSS中这样做？jQuery是JavaScript。你的意思是问你如何在没有任何库的情况下使用股票JavaScript修改样式？你链接的提琴似乎有点不相关。无论如何，谢谢大家，我想我很快就会成为js专家：-还提到了，不使用jQuery.：-）@Abhilash我知道，但它被标记为[jQuery]，我只是想他可能不想这样做，因为他还不知道jQuery制作JavaScript有多容易，而且它几乎可以在任何使用JavaScript的应用程序/网站中使用。你也应该删除“right”样式属性。在这种情况下，

left

覆盖了

right

，这只是一个令人高兴的意外。

$('a').attr('style','left:0px');

$("a").css({ left: "0px", right: "" })

var elements = document.getElementsByTagName('a'),
    l = elements.length;

while ( l-- ) {
    elements[l].style.left = '0px';
    elements[l].style.right= ''; // here in lies the added line, it removes the previously set "right"
}